찾다

 >  Q&A  >  본문

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

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

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

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

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

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

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

巴扎黑巴扎黑2779일 전1504

모든 응답(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
  • 취소회신하다