Fah*_*san 18 css iphone mobile-safari horizontal-scrolling ios
我正在开发一个由Wordpress驱动的网站的iPhone版本,我想知道在Safari for iPhone中打开网站时是否有任何禁用水平滚动的方法.现在,我正处于开发的一半,只是为了检查是否可以禁用水平滚动,我隐藏了任何超出屏幕宽度的元素,但我仍然可以水平向右滚动.我尝试将以下代码放在<style>标签中,<head>但这没有帮助:
body {overflow-x:hidden; }
我已经将以下<meta>代码放在头文件中以回显如果用户正在从iPhone查看网站但它只是禁用用户捏,即你不能通过捏屏来放大和缩小.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
我目前正在使用iPhone 4查看网站,可以通过以下链接访问该网站:http://ignoremusic.com.期待你们的解决方案,谢谢.
解决方案:正如@Riskbreaker所建议的那样,有一些元素的宽度超过了~312px,这就是为什么我仍然可以向左滑动,调整所有这些元素的宽度后,我禁用了水平滑动.我学到的一件事是隐藏overflow-x对于iPhone/iPad没有帮助,你必须将所有元素的宽度减小到屏幕宽度的宽度,否则你仍然可以水平滑动.
Aus*_*737 22
我知道我参加聚会有点晚了,但我遇到了同样的问题并通过添加以下内容解决了这个问题:
body, html{
overflow-x: hidden;
}
希望这会帮助别人!
Ris*_*ker 11
在你的身体上添加溢出,如下所示:
body {
font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif;
font-weight: normal;
overflow: hidden;
overflow-y: auto;
}
是的,请坚持下去:
<meta name="viewport" content="width=device-width">