版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_25354709/article/details/84680202
问题一:
在苹果手机可以,但安卓手机不可以。
H5页面没有使用任何滚动插件,比如: iscroll.min.js 或者 Better Scroll。
这里是因为:
* {
touch-action: none;
}
这段代码,会导致安卓手机H5页面无法滚动,而苹果手机可以。 使用 iscroll.min.js 或者 Better Scroll 也没用。
将这段代码去掉即可。
其他的样式的设置:
html {
font-size: 100px;
}
html, body {
width: 100%; /*-- height:100%; 不用写,如果写了,表示只用这一屏 --*/
overflow-x: hidden;
}
/*-- 最外层边框, 宽度用js去控制。超过640px时,让它宽度固定在640px --*/
#main {
margin: 0 auto;
max-width: 6.4rem;
}
HTML页面:
<!-- 中间区域 -->
<div id="main">
<!-- 轮播图 -->
<section class="swiper-container"></section>
<!-- NAV -->
<section class="nav clearfix"></section>
<!-- PRODUCT -->
<section class="product"></section>
</div>
<!-- 中间区域 -->