响应性网页设计缺陷放大问题



我让一个网站做出了响应,但当它加载到手机中时,它会自动缩放。我也应用了视图端口,但没有找到解决方案。

  • 查看端口
  • j查询这些不能解决我的问题

任何人请帮助解决这个问题

我理解你的问题,因为我自己刚刚解决了一个类似的问题。

方法1您可以通过以特定设备组为目标来指定应用的缩放量。尝试将其添加到index.html 中

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

这应该可以防止你的网站尝试缩放。

如果这不起作用,那么尝试使用css 瞄准特定设备

 @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; } 

尝试使用缩放和宽度值来查找您的设备范围。

方法2在笔记本电脑或台式机上打开Firefox,然后转到您的网站。在firefox选项中选择responsiveview。然后按ctrl+shift+c并将鼠标悬停在页面上以选择整页容器。在右下方会有一个带有css的窗口。在那里你应该可以找到正在放大的元素。

此外,请在您的网站

上更新您的问题

最新更新