Container size
Minimal container size
PD Measurement automatically adjusts its layout to fit the dimensions of the HTML container element.
This ensures full responsiveness across different screen sizes and devices.
The solution includes two versions — a mobile version and a desktop (PC) version — both embedded within the same integration.
Clients simply need to define separate container sizes for their desktop and mobile website layouts.
A common practice is to set a breakpoint at 768 px width.
FittingBox’s recommended container sizes:
-
Smartphone: height = 700 px, width = 394 px
-
Desktop (PC): height = 690 px, width = 600 px
Once configured, PD Measurement automatically switches between the mobile and desktop versions based on the size of the defined iframe.
No further action is required from the client.
Example:
-
If the iframe width is 394 px, the mobile version will be displayed.
-
If the iframe width is 600 px, the desktop version will be displayed — using the same integration code.