所以我对响应式设计有这个问题。我们应该针对不同的屏幕尺寸重新调整设计，以便为每个屏幕提供最佳界面。
问题是我无法根据像素弄清楚如何做到这一点。毕竟基于像素的媒体查询，一些较新的手机看起来比我的 40 英寸电视更大。所以很明显这是错误的。
我想用点来衡量事物的大小，因为根据定义，点是 1/72 英寸。所以我应该能够制作 72pt 的东西并期望它是一英寸，但这似乎并不成立。
有谁知道如何使这项工作正确？
Hutch
问问题
98 次
1 回答
1
尝试使用“em”而不是点或像素。然后为所有其他元素设置font-size: 62.5%;on body 标签 1em = 10px, 1.2em = 12px。
Em 是相对单位，因此使用上面概述的设置，所有元素都应该与屏幕尺寸完全成比例地缩放。请注意嵌套元素和通用规则，因为您偶尔可以加倍。
Dan Cederholm 写了一本介绍这种技术的优秀书籍
于 2012-01-17T17:22:34.443 回答