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

标签 html css wordpress responsive-design

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

如果需要,这里有一个链接:http://acevix.com/development/temp/index.php/2015/12/12/hello-world/

最佳答案

由于显示尺寸和分辨率的范围很广,因此通过相对单位(即em)设置页面上任何对象的尺寸通常是最佳方式>、vwvh

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

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

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

关于html - 网站在不同手机上的字体大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34962351/

相关文章:

javascript - 覆盖 CSS : Display none property with jquery

CSS3旋转动画导致文字模糊

php - 如何在服务器上的phpmyadmin中上传一个大的sql文件

wordpress - 为什么使用 GNU gettext?

javascript - 如何根据父 div 不同地检查复选框?

php - 批量清除php入侵的Bash脚本

html - Chrome 不尊重字体粗细?

html - CSS :hover not working in pratice

html - Netsuite 电子邮件模板代码

html - 如何使用 Markdown 将文本居中?