手机上的html页面，比屏幕宽了一部分

Question

问题如图：

html的meta设置`<meta charset="UTF-8">

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
`
是哪里设置错了吗？麻烦各位大神多多指教了

Answer 1

这个并不是真正问题引起的原因
应该是某个元素 你写的有问题
你用删除法 肯定可以找到
把代码一行行删除
肯定 会发现是哪块引起的

Answer 2

获取当前浏览器的宽度，别用设备的宽度啊

Answer 3

你应该试试下面的2个 ，不行一个个注释掉调整检测

Answer 4

• 先把代码的不相关信息全部删光，然后把每个盒子都加上不一样的颜色，看看是哪块影响的

• 把上面你觉得有问题的标签全删除，一个一个的添加，看效果

• 查一下上面每一个标签的意义，这样才能成长

你把整个代码贴出来，大家可能看的更佳清楚一点

Answer 5

用的rem还是100%，不应该啊，声明没问题

Answer 6

上面两个是干嘛的，我一般只用最后一个