我的手机版网站http://dsmedvednikov2.zzz.com.ua/出现问题。无论使用Safari还是Google Chrome浏览器,使用iPhone或iPad时都会出现水平滚动条。在Android设备上一切正常。有人能给我一个建议吗?使用iPhone时,网站上出现水平滚动条
回答
您可以限制用户加入这个元标记在您的网站停止变焦/捏:
:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
,或者如果它可以使用下面的小黑客一个非常微小的X滚动效果
body {
overflow: hidden;
overflow-y: auto;
}
它会停止任何水平滚动效果。
这是解决这类问题的不正确方法。最好先确定哪些元素导致网页在视口宽度之外展开,然后对其进行修改,使其在移动设备上正常运行。您正在提供一个快速的解决方法,并且这些问题会带来更大的问题。 – WebsitesOntario
,但他表示,该网站在Android设备上工作正常,所以也许不存在某些元素宽度的问题。为什么我建议元标记解决方案。每个网站都会将meta标记(width = device-width)设置为更好的响应。 –
感谢您的回答,但是此解决方案无法正常工作 – Danil
如果使用固定宽度,则可能会导致问题。使用**
宽度:100%
**
- 1. Iphone tableview水平滚动条出现
- 2. 网站的水平滚动条不能在iPhone上工作
- 3. 水平滚动条从网站丢失
- 4. 当我加载网页时出现CSS/HTML水平滚动条
- 5. 水平滚动网站
- 6. 水平滚动网站
- 7. 禁用iPhone网站上的水平滚动
- 8. 水平滚动条出现得太早
- 9. fullpage js水平滚动条出现,即
- 10. GWT Datagrid水平滚动条不出现
- 11. iPhone应用水平滚动条
- 12. css使网站水平滚动
- 13. AJAX使用滚动条水平滚动
- 14. 网站在Ipad上可水平拖拽 - (无水平滚动条可见)
- 15. Html Javascript网站删除手机上的水平滚动条
- 16. 如何删除我的WordPress网站上的水平滚动条?
- 17. 在我的网站上遇到水平滚动条问题
- 18. 为什么我的网站上有一个水平滚动条?
- 19. 方向变化后响应网站上的水平滚动条
- 20. 为什么我的网站上显示水平滚动条?
- 21. 水平滚动出现在一个页面的网站
- 22. iPhone水平滚动
- 23. 移动网站上的水平溢出
- 24. 水平滚动+滚动条
- 25. 水平滚动条出现在开发工具中,但不在网站中
- 26. iPhone 6中的水平滚动条
- 27. DataTable水平滚动条出现像窗口滚动-x
- 28. 由于垂直滚动条出现水平滚动 - HTML布局
- 29. 网格水平滚动条(浮动)
- 30. 滚动条没有出现在网站
您是使用固定宽度可能比屏幕的宽度更大。你可以发布工作的设备和不工作的设备的尺寸? – Milk
请向我们提供网站的代码。但到目前为止,我可以告诉你的是,一个元素正在扩大网页的宽度,因此超出了视口的宽度。要查看要执行此操作的元素,请为所有元素指定一个边框,从中可以看到哪个元素占据了该空间。 – WebsitesOntario
在我的桌面和所有Android设备上的Chrome开发者模拟器中,一切正常,所以我不认为这个问题是关于某个元素的宽度,也许是某种iOS问题。 – Danil