viewport

user-scalableの議論

user-scalableだけを設定したとき、iOSだとChromeではきいたがSafariではきかなかった

minimum-scaleやmaximum-scaleを設定する必要がある？

iOS Safariはuser-scalableは効かない

iOS12でも同様

Safariのデザイン

Prior to iOS 10, Safari allowed the content to block the user from zooming on a page by setting user-scalable=no in the viewport, or appropriate min-scale and max-scale values.

This unfortunately enabled pages to pick a text size that was unreadable while giving the user no way to zoom. Also, there is now such a wide range of devices with different display dimensions, screen resolutions, pixel densities… it is very difficult to choose an appropriate text size in a design.

Now, we ignore the user-scalable, min-scale and max-scale settings.