搜索

首页  >  问答  >  正文

html - 做h5全屏的活动页面的时候。 设计师通常是给iphone6尺寸的设计稿。那么如何在大多数手机上适配啊?

全屏h5动画活动页面. 给的是750的尺寸设计稿.

我采用的是rem方案. 那现在的问题是. 按照设计稿的标注去写css.

内容宽度的话不会有问题. 但高度有问题呀.. 因为有些浏览器会有地址栏和工具栏.

会占据一些高度. 这时候你按照设计稿上标注写出来的页面. 在高度上都挤在一起或放不下了...

因为要全屏.......

有没有什么优雅的解决办法. 在不改设计稿的情况下呢...

巴扎黑巴扎黑2779 天前1503

全部回复(13)我来回复

  • 巴扎黑

    巴扎黑2017-04-17 11:57:01

    我写移动端页面也是用rem width没有问题 但是height确实不太行 尤其是要求全屏 的 更苦逼 所以 建议你还是在设计页面的时候 版心部分定一个max-height
    还有就是 最近在朋友的推荐下接触了vw vh这两个新单位 相对于可视区域的 感觉还是很不错的 你可以试试

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:57:01

    height写死px, width用百分比

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 11:57:01

    就用rem啊,不过要做好适配。另外要注意在chrome上最小rem是12px

    回复
    0
  • 取消回复