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

Question

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

Answer 1

对于任何响应式布局，您需要记住视口元标记：

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

您可以谷歌了解详情，或阅读this article at tutsplus了解更多详情。