css - 谷歌移动测试错误

标签 css viewport

当我插入一个网站时,我试图让移动设备友好进入谷歌页面速度洞察力,它告诉我视口(viewport)没有设置,字体太小。

这很奇怪,因为我的字体设置为 16px,这是谷歌建议的移动友好网站,我已经设置了我的视口(viewport)。

谁能告诉我为什么它会这样阅读页面?

截图:http://i.imgur.com/uaE8RtZ.png

网址:gc200298785.computerstudi.es/test/ 源代码:查看源代码:http://gc200298785.computerstudi.es/test/

谢谢! 凯莉

最佳答案

我知道你几周前问过这个问题,但请尝试将 initial-scale=1 添加到你的视口(viewport)元中以实现它:

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

这将更改缩放比例以使其在移动屏幕上更大(像素并非完全相同)

基本上手机上的 16 像素比桌面上的 16 像素小得多,希望能有所帮助

关于css - 谷歌移动测试错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30114939/

相关文章:

jQuery:如何检查文档中的 block 是在视口(viewport)内还是在视口(viewport)外?

java - LibGdx 了解视口(viewport)并将其与 Scene2D 关联

html - 用什么代替::ng-deep

css - 表格是水平滚动的,但粘性页眉和页脚不是

javascript - 如何使用 twitter bootstrap 使彼此靠近的 div 具有相同的高度

javascript - 以跨浏览器的方式找到视口(viewport)的确切高度和宽度(无原型(prototype)/jQuery)

javascript - 当 block 在视口(viewport)上加载时显示加载(占位符)图像

css - 在 richfaces 中更改 css

html - 显性基线在 Firefox 中不起作用

javascript - 确保手机方向始终为横向才能查看网站