搜尋

首頁  >  問答  >  主體

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

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

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

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

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

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

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

巴扎黑巴扎黑2863 天前1599

全部回覆(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
  • 取消回覆