最近做的一个网页,用的Noble UI的框架。在官网上看手机端的预览是正常的
并且自己在本地测试的时候也是正常的
但是只要自己部署到服务器上,在用手机打开,就变成了缩放的形式
网页都是用的iphone8打开的。
有大佬知道是我哪里操作做错了嘛。
你的缩放判断的方法试试看是否正确
如果你的布局是通过媒体查询应该是没问题的,
其他方案 rem,vw 这些的判断看下有没有问题
还有就是 html 里面 meta 的 viewport 是否正确
比如:
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1, user-scalable=no">
像这样的语句是否在 head 中
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
5 回答2k 阅读
已经解决了!!!
是这样的,我使用的是Tomcat,网页也没有问题。
问题出现在了域名上面。
由于服务器上面跑着两个不同系列的网站,因此这次在设置域名解析的时候我先设置了主域名,也就是域名目录A。之后又设置了一个隐形URL域名,把网站的目录付给了隐形URL域名。

经过多番尝试,总是遇到我说的那个问题。
但是我偶然尝试了一下使用 ip地址/网站的目录 这种方式来访问我的网站,网站的bootstrap就会正常运行,就不会出现缩放的情况。
真的是非常的神奇,不知道为什么会有这种事情。