我目前正在开发一个wordpress模板,我终于开始使其响应,但手机上的字体大小不同。例如,我拥有带有Microsoft Edge的诺基亚Lumia,我页面上的文字很大。但是,在带有Chrome的三星Galaxy S2上,文字很小。我怎样才能让所有手机显示大文字?
如果需要,可以点击链接:http://acevix.com/development/temp/index.php/2015/12/12/hello-world/
答案 0 :(得分:0)
由于存在各种各样的显示尺寸和分辨率,因此通常是通过相对单位设置页面上任何对象大小的最佳方式,即em
,{ {1}}或vw
。
请参阅http://www.w3.org/TR/css3-values/#relative-lengths
绝对单位,如vh
或px
,取决于设备的像素密度。因此,如果您的显示器具有250ppi而另一个具有150ppi的显示器,则后一种情况下的文本将更大。
答案 1 :(得分:0)
你应该使用em-s,因为你正在使用bootstrap,还有一个你的网站没有的东西,因为我可以看到代码是
<meta name="viewport" content="width=device-width, initial-scale=1">
这是响应式设计的重要标记,尝试添加它:)