不同手机上的网站上的字体大小相同

时间:2016-01-23 10:32:37

标签: html css wordpress responsive-design

我目前正在开发一个wordpress模板,我终于开始使其响应,但手机上的字体大小不同。例如,我拥有带有Microsoft Edge的诺基亚Lumia,我页面上的文字很大。但是,在带有Chrome的三星Galaxy S2上,文字很小。我怎样才能让所有手机显示大文字?

如果需要,可以点击链接:http://acevix.com/development/temp/index.php/2015/12/12/hello-world/

2 个答案:

答案 0 :(得分:0)

由于存在各种各样的显示尺寸和分辨率,因此通常是通过相对单位设置页面上任何对象大小的最佳方式,即em,{ {1}}或vw

请参阅http://www.w3.org/TR/css3-values/#relative-lengths

绝对单位,如vhpx,取决于设备的像素密度。因此,如果您的显示器具有250ppi而另一个具有150ppi的显示器,则后一种情况下的文本将更大。

请参阅http://www.w3.org/TR/css3-values/#absolute-lengths

答案 1 :(得分:0)

你应该使用em-s,因为你正在使用bootstrap,还有一个你的网站没有的东西,因为我可以看到代码是

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

这是响应式设计的重要标记,尝试添加它:)