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

时间:2016-07-27 15:17:11

标签: responsive-design

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

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

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

1 个答案:

答案 0 :(得分:0)

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

方法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选项中选择响应视图。然后按ctrl + shift + c并将鼠标悬停在页面上以选择整页容器。在右下方将有一个带css的窗口。在那里你应该找到放大的元素。

另请通过您的网站更新您的问题