search

masakudamatsu / japanese-gardens

0 stars 0 forks source link

The 100% width does not work for iPad #69

Closed masakudamatsu closed 5 years ago

masakudamatsu commented 5 years ago

For screen width around 768px (iPad portrait) and 736px (iPhone 7 Plus landscape), the page won't spread across the entire screen: the white column stays on the right.

masakudamatsu commented 5 years ago

The problem is the use of rem for media query. Safari interprets rem in the media query as the base font size set in CSS, not as the browser's default font-size.

Use em instead.

See this article.