我刚刚发现了初始规模的元属性。
以前,我一直在使用default.css来定义我的所有样式和大小(对于字体和元素),因此它们很好地出现在桌面计算机的屏幕上。然后我可能会使用媒体查询或PHP来包含phone.css或tablet.css,如果你正在使用手机或平板电脑,这将只调整较小设备的大小。
但是现在我已经意识到初始规模的概念,我应该用它来控制元素的大小吗?
我试图得到的一个非常重要的结果是......我用这样的EM(或REM)单位来定义我的字体大小:
/*desktop.css*/
html{font-size:62.5%;}
p{font-size:1.2em;}
span {font-size:1em;}
/*phone.css*/
html{font-size:125%;}
/*tablet.css*/
html{font-size:100%;}
换句话说,我的phone.css和tablet.css只调整html元素的字体大小百分比,所有其他元素将在所有不同的设备上相应缩放。在某种程度上,我用填充,边距,线高和字母间距来做这个。
随着初始比例的引入,这是否意味着EM / REM单位与缩放字体大小无关?我们可以坚持更直观的PX装置吗?让初始比例执行剩余的缩放工作吗?
答案 0 :(得分:0)
关于em单元的事情是它应该在设备和屏幕密度上显示相同,因为实际高度由客户决定。
我还在一些应用程序中使用初始比例,最小比例和最大比例,并且发现px单元工作得相当好,只要您为每个设备选择适当的比例值。