虽然css做了响应式,但是手机端看到的还是电脑网页缩小后的版本,chrome模拟设备也是这种样子,百思不得其解。 后来查了一圈,发现移动设备会先用更大的分辨率渲染然后缩小,以应对没有对移动端优化的网站。 需要专门在html meta中声明这个网页考虑过移动端了,这样就不会有像素变大的情况。
<meta name="viewport" content="width=device-width, initial-scale=1" />
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
一个免费检测网站uptime的工具网站(免费版间隔5min): https://uptimerobot.com/