No left-right page margins on iOS Safari

[gnalbat]

Describe the bug

On iOS 16 Safari, left and right margins do not appear.

To Reproduce
Steps to reproduce the behavior:

1. Have an iPhone 11 on iOS 16
2. Go to the quartz demo site using Safari
3. The page content does not have left and right margins

Expected behavior
There should be left and right margins

Screenshots and Source

Desktop (please complete the following information):

• Quartz Version: v4.4.0
• OS: iOS 16.1.1 (iPhone 11)
• Browser: Safari for iOS

Additional context
I don't have other iOS devices to test on, unfortunately. It does occur on every quartz site in the showcase.

Margins work fine on PC browsers with Device Settings which change window resolution for simulation of other devices.

[gnalbat]

I have tested on multiple devices. Maybe it's a device width issue?

Margin look fine on:

• iPhone 8 Plus
• iPhone XS

No margins on:

• iPhone 11
• iPhone 6S

Screenshots below on iPhone 6S. Center div's margin-left and right compute to 0.

Edit:

Maybe it's a width computation issue? below is from iPhone XS