gpt4 book ai didi

html - 为什么手机浏览器(iPhone)会出现水平滚动条?

转载 作者:太空宇宙 更新时间:2023-11-04 00:18:57 26 4
gpt4 key购买 nike

我编写了一个 html 页面,如下所示:

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
</head>
<body bgcolor="#f2f2f2">

<div style="width:1000px;height:auto;margin:0px auto;" ><!-- main container -->
<div style="width:1000px;height:50px;margin:0px auto; background-color:pink;" ><!-- container 2 -->
Hello world
</div> <!-- end container 2 -->
</div> <!-- end main container -->

</body>
</html>

div 的宽度为 1000px,使用属性 margin:0px auto 居中对齐;当我在桌面浏览器中查看时,它很好。但是在移动浏览器(iPhone Safari)中,我得到了不需要的水平滚动,整个页面也水平和对 Angular 地 float 。

为什么会这样?

如何解决此 iPhone/iPad 浏览器特有的问题。我没有在其他手机上测试过。

我需要输入什么代码才能使移动浏览器正确显示网页(专为桌面浏览器设计)?

请提出建议。

谢谢

最佳答案

感谢您提供的建议。

稍作修改即可解决问题。

<meta name="viewport" content="width=1000" /> 

这有效。

关于html - 为什么手机浏览器(iPhone)会出现水平滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10085750/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com