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

Question

我扩展了我的网站以支持320px左右的移动设备，并且在宽屏桌面环境中看起来正常等等。但是，我正在测试的移动设备具有高分辨率屏幕 - 720x1280px。这实际上非常接近我的180x1050桌面显示器。你如何设置SUSY来在移动设备上显示更大的文字，在平板电脑上共享相同的屏幕分辨率等，不是太荒谬了？换句话说，如何处理平板电脑，高分辨率移动设备和传统设备之间的模糊灰色区域？

Answer 1

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

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

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