Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 什么是移动站点的好字体大小调整方法?_Css_Mobile_Windows Mobile_Mobile Website_Mobile Phones - Fatal编程技术网

Css 什么是移动站点的好字体大小调整方法?

Css 什么是移动站点的好字体大小调整方法?,css,mobile,windows-mobile,mobile-website,mobile-phones,Css,Mobile,Windows Mobile,Mobile Website,Mobile Phones,这仍然是移动设备的最佳解决方案吗?专门为老式手机 body { font-size: 62.5%; /* 16px × 62.5% = 10px */ } h1 { font-size: 2em; /* 10px × 2em = 20px */ } p { font-size: 1.2em; /* 10px × 1.2em = 12px */ } 好问题:),我自己也有同样的想法,但还没有找到一篇好文章或教程 当你为自己的处境选择什么“最佳”时要考虑的一些事情: em是一个友好的单位,因为

这仍然是移动设备的最佳解决方案吗?专门为老式手机

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ }
h1 { font-size: 2em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; /* 10px × 1.2em = 12px */ }
好问题:),我自己也有同样的想法,但还没有找到一篇好文章或教程

当你为自己的处境选择什么“最佳”时要考虑的一些事情:

  • em是一个友好的单位,因为它可以根据用户选择的基本字体大小进行缩放
  • 与dpi无关的分辨率(如mm或cm)可以为您提供一些控制,使内容“可读”
  • 请注意,并非所有手机浏览器都支持所有单元类型(特别是因为您提到希望支持较旧的手机)
我个人使用

字号:大号

字号:中等

字号:小

并假设设备将根据其屏幕调整大小。通常效果很好


我可以问你为什么要验证css吗

为什么不能使用基于像素的字体?你所说的“最佳”是什么意思?我在移动OK checker中得到这个错误,“在CSS中使用绝对度量值会创建不适应屏幕尺寸的布局。”好的。谢谢你的回答。它不是CSS验证器,而是一个移动兼容性检查器。“在CSS中使用绝对度量会创建不适应屏幕尺寸的布局。”