HTML5技术

移动端页面布局的那些事儿 - 小矮人Web前端(4)

字号+ 作者:H5之家 来源:H5之家 2017-06-14 14:00 我要评论( )

iphone6plus照理来说的,其实际dpr是2.87左右的,不过,为了方便开发者来开发,iphone6plus对其做了一个调整,将dpr调整为3,然后在对屏幕进行了一个缩放。这样做,自然是方便了开发者前去开发,然而,这样做,也有

iphone6plus照理来说的,其实际dpr是2.87左右的,不过,为了方便开发者来开发,iphone6plus对其做了一个调整,将dpr调整为3,然后在对屏幕进行了一个缩放。这样做,自然是方便了开发者前去开发,然而,这样做,也有了一些性能上的损失。(iphone为开发者考虑的还是挺周全的,看看隔壁安卓,dpr怎么爽怎么来,都特么自己玩自己的)

  • 有意思的vh和vw

    vh,vw目前还存在很大程度的兼容性问题,所以还并没有采用。

    vh,vw有什么特点呢

    这两个元素分别会把屏幕上的可视高度(说通俗点就是你手机屏幕那个框框头装起的东西),宽度,分成100份来看,比如先前我们用rem来处理的地方,我们需要在html元素下写上font-size: 75px,然后再在div下写上width:1rem。而有了vh,vw之后,我们如此处理html的font-size就好。

    html { font-size: 10vw; }

    这样写,省去了一部js操作的步骤。

  •  

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • C#开发移动应用系列(1.环境搭建) - GuZhenYin

      C#开发移动应用系列(1.环境搭建) - GuZhenYin

      2017-06-10 11:00

    • 是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

      是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

      2017-06-08 16:01

    • 如何在页面上实现一个圆形可点击区域 - Candice&Gladys

      如何在页面上实现一个圆形可点击区域 - Candice&Gladys

      2017-06-08 16:00

    • 移动端布局 - 开发之路

      移动端布局 - 开发之路

      2017-05-24 09:01

    网友点评
    5