全屏h5动画活动页面. 给的是750的尺寸设计稿.
我采用的是rem方案. 那现在的问题是. 按照设计稿的标注去写css.
内容宽度的话不会有问题. 但高度有问题呀.. 因为有些浏览器会有地址栏和工具栏.
会占据一些高度. 这时候你按照设计稿上标注写出来的页面. 在高度上都挤在一起或放不下了...
因为要全屏.......
有没有什么优雅的解决办法. 在不改设计稿的情况下呢...
黄舟2017-04-17 11:57:01
既然是全屏的页面你就去申请全屏权限，或者做个判断如果不是全屏的话不予以显示并提醒用户开启全屏。
另外现在大部分H5页面主要是在微信显示的，做好微信的适配就好了。
高洛峰2017-04-17 11:57:01
推荐一个基本适配方法吧
head加入
<meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=device-dpi,minimal-ui">
其中width=设计稿宽度，然后整个页面基本可以按照设计稿的px来定位，小屏幕比较蛋疼，比如iphone 4s会缺失掉底部，所以设计元素内容还是得考上一些，如果内容可以靠滑动呈现的就忽略了吧
