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

时间:2013-11-23 00:46:38

标签: css html5 responsive-design susy-compass

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

1 个答案:

答案 0 :(得分:2)

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

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

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