.jpg)
现在移动时代，手机成了最大的流量入口，网站不能适配手机，将会损失巨大，所以此篇文章，讲一讲移送设备易用性，使用清晰可辨的字体大小，文章有点技术流，请见谅！
当PageSpeed Insights检测到网页上的文字太小而难以辨认时，就会触发此规则。
概览
您可以使用以下四种常用单位来指定网页字体大小：像素(px)、点(pt)、EM(em)和百分比(%)。
像素即“CSS像素”，会因设备尺寸和密度而异。
点是相对于像素而定义的。一个像素是0.75点*。
EM和百分比是“相对”单位：这两个单位是相对于沿用已使用字体大小和属性而言的。1 EM相当于100%。
*请参见其他说明。
此外，视口会影响字体在移动设备上的缩放方式。未适当配置视口的网页会在移动设备上缩小显示，这通常会导致网页文字较小而难以辨认。
建议
首先，配置视口以确保字体将会在各个设备中按预期缩放。配置视口后，请实施下面这些额外的建议：
1.使用16 CSS像素的基准字体大小。根据要使用的字体的属性按需调整字体大小。
2.使用相对于基准字体的字体大小定义排版比例。
3.每行文字的字符之间需要留出一定的垂直空间，而且还可能需要根据每种字体进行不同的调整。我们通常建议您使用浏览器默认的行高1.2em。
4.限制所用字体的数量以及排版比例：过多字体和字体大小会导致网页布局杂乱且过于复杂。
例如，以下CSS代码段定义了16 CSS像素的基准字体大小，其中在CSS类“small”中将字体大小定义为基准字体大小的75%（即12 CSS像素），在CSS类“large”中将字体大小定义为基准字体大小的125%（即20 CSS像素）：
body {
font-size: 16px;
}
.small {
font-size: 12px; /* 75% of the baseline */
}
.large {
font-size: 20px; /* 125% of the baseline */
}
对于适用于移动设备的其他字体建议，请参阅Android排版指南。
其他信息
请仔细阅读CSS 2.1规范，以了解长度单位的定义方式。该规范包含此处未提到的其他单位：英寸、厘米、毫米和皮卡。另外，有一点很容易被人忽略，那就是CSS中1英寸并不一定等于1物理英寸。
所有绝对单位都是相对于其他单位而定义的。1像素等于0.75点，1点等于1/72英寸，而1英寸等于2.54厘米等。不过，这些单位的“定位”最终都取决于设备。例如，在纸张上打印时，1英寸就会锚定为1物理英寸，其他所有单位应相对于物理英寸而定。然而，在手机上显示时，设备会根据著名的“参考像素”进行锚定。您可以根据此参考像素定义1 CSS像素，然后以CSS像素为参考来调整其他所有单位（例如，英寸、厘米等）。因此，1 CSS英寸通常会以小于现实中1物理英寸的大小显示在手机上。
鉴于这个原因，我们建议您使用像素定义字体大小。不然，某些设计人员和开发者看到所用单位是英寸或点时可能会被误导，因为这些单位尽管也是物理尺寸，但不一定等同于现实世界中的尺寸。请将像素想象成会根据所在设备的尺寸来变更显示大小的单位。
最后，每种字体还具有自身的特征：大小、间距等。默认情况下，浏览器将会以16像素（CSS像素）显示每种字体。这个默认设置适用于大部分情况，但某些特定字体可能需要再另外进行调整，也就是说，您可以设置较低或较高的默认字体大小，以适应字体的不同属性。然后，待默认大小设置完毕后，请根据默认像素大小定义较大和较小的字体，以便调整网页上主要、次要和其他类型内容的文字大小。
某些移动浏览器可能会在没有恰当配置视口的情况下尝试缩放网页字体。由于这种缩放行为因浏览器而异，因此您最好不要依赖这种方式来为移动设备显示清晰可辨的字体。PageSpeed Insights会照原样显示您网页上的文字，而不会应用浏览器指定的字体缩放比例。
相关推荐
-
郓城美术辅导班(最近的美术培训班)
文|卢明 编辑|淑为 图片|网络那年，单位施工，从梁山脚下请来两个石匠。两人一高一短，一胖一瘦，身体都很结实，只是一脸尘土、满身粗衣，言谈举止全是土味。那时，我们这帮小青年，刚参加工作不久，小知识分子情调很浓，自我感觉良好，自以为是国家工作人员，连合同工、临时工都看不上眼，别说农民身份的石匠了。我们
-
火花塞型号的含义(火花塞分几种档次)
火花塞的型号是如何识别的?火花塞型号常用两位数字和一位字母组成。首位数字有1、4或8，分别表示火花塞螺纹直径为10mm、14mm或18mm。第二字母为“Z”、“D”或“C”,“Z”表示火花塞旋入气缸部分的螺长度为11mm,直径为4mm;“D”表示火花塞旋入气缸部分的纹长度为12mm,直径为8mm;“
-
英语基础知识大全(英语基础知识大全汇总)
基础知识1.字母：26个字母的大小写ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz2.语音：元音的发音五个元音字母：AEIOU12个单元音：前元音：[i:] [ɪ] /e/ [æ]中元音：[ɜ:] [ə]后元音：[ɑ:] [ɒ] [ɔ:] [
-
考研现场确认地点在哪(考研现场确认是去考点确认吗)
信息来自 恒景教育 公众号考研现场确认时可以知道具体考试地点，地址请以准考证显示为准。考研报名的现场确认是到网上报名时自己选择的报考点现场确认网报信息，并缴费和采集本人图像等相关电子信息。注意，是报考点，不是报考学校。除了少数管理类专硕和艺术类专业外,一般都不是去报考的学校确认。没有按照报考点要求在
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请通知我们，一经查实，本站将立刻删除。