在非常小的视口（<320px）上缩放网站

Question

我试图完成一个项目，但我不知道如何将我的网站缩放到屏幕

我喜欢苹果的解决方案，其中网站有点冻结，只是缩小，但同时保持其原始形式。关于如何重现这种效果的任何想法？目前似乎找不到简单的解决方案。 （看看我在说什么：apple.com > 检查他们在 320 像素以下的屏幕尺寸“MobileS”）

谢谢

Answer 1

我建议使用与屏幕宽度和高度相关的单位，例如 vh 和 vw。 （您也可以使用 em 作为字体）。

只需查看 vh、vw 和 em 以及 max-width/height css 属性。