网页在ios上的Safari适配问题

www.lingkongsky.top

首先是Safari的工具栏会占位置，而且页面高宽不会自动收缩

然后因为页面用的主要是fixed，导致如果页面缩小来看就会有问题

以及滚动条怎么隐藏

求解决方法

布局有问题

跟浏览器没多大关系

html的header标签中可以添加meta，设置布局的宽度，这样就自动缩放了

<meta name="viewport" content="width=420, user-scalable=no, target-densitydpi=device-dpi">

width可以根据自己的需求调整，这样就能直接用px之类的来布局了！

没解决吗？

对问题解决毫无帮助

需要远程吗？

网址在上面了

只要能帮忙解决Safari工具栏的问题就行

你这刷新页面高度才会变，布局有问题

工具栏会占位置，那就写个占位符，高度跟工具栏的高度一样

在header中增加meta标签，设置viewport属性就可以设置是否可以缩放，而且能规定页面的内部布局比例，易企秀的h5应用也是使用的这种方法！

现在应该是双击就会能缩放了，你只设置了默认缩放比例是1，所以双击页面就能控制缩放了！要想阻止缩放，就设置上最大和最小缩放范围

另外可以设置宽度，这样就可以直接使用px之类的进行布局了

隐藏底部工具栏之类的可以试一下这个

https://www.cnblogs.com/tu-0718/p/10751591.html

使用饿了么24阑珊式布局