css - 让 SUSY 适应物理屏幕尺寸，而不是像素

Question

我将我的网站缩放到支持大约 320 像素的移动设备，并且在宽屏桌面环境等上看起来很正常。但是，我正在测试的移动设备有一个高分辨率屏幕 - 720x1280 像素。这实际上非常接近我的 180x1050 桌面显示器。您将如何设置 SUSY 以在移动设备上显示更大的文本，而不是在共享相同屏幕分辨率的平板电脑上太大得离谱等等？换句话说，您如何处理平板电脑、高分辨率移动设备和传统设备之间的模糊灰色地带？

Answer 1

对于任何响应式布局，您都需要记住视口(viewport)元标记:

<meta name="viewport" content="initial-scale=1">

详情可以google，或者阅读this article at tutsplus了解更多详情。