<html>
<head>
<title>Title</title>
<style>
.bannerbox {
width:100%;
position:relative;
overflow:hidden;
height:200px;
}
.banner {
width:3000px;
position:absolute;
left:50%;
margin-left:-1500px;
}
</style>
</head>
<body>
<div class="bannerbox">
<div class="banner">
<img src="t1.jpg">
</div>
</div>
</body>
</html>
问题是电脑端显示正常，手机端Ipad，显示不正常，请高手指点
你手机访问一下你的，牙齿教矫正的网站，
图片右侧感觉也隐藏了一块儿
一般的写法如下：
XML/HTML Code复制内容到剪贴板
较多的写法：
XML/HTML Code复制内容到剪贴板
1.
在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。
其中：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
复制代码
代码如下:
这样子写后，就可以把一些页头横幅等的图片的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。