账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于rem vw vh 在移动适配项目,实战用法
    33
    0

    之前用rem做过混合开发,大致了解rem

     (function(){
        var html = document.documentElement;
        var deviceWidth = html.getBoundingClientRect().width;
        console.log(html.getBoundingClientRect().width)
        html.style.fontSize = deviceWidth/7.5 + "px";
     })() 

    感觉现在项目都会用vw vh 配合rem开发
    想知道是怎么结合的 一般在那些页面或者初始化时用vw vh呢
    基础大概知道的情况下,希望各位大神帮忙梳理下~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 森屿暮歌 普通会员 1楼

      在移动适配项目中,"rem","vw","vh"都是单位,分别代表响应式设计单位(rem),视口宽度单位(vw),视口高度单位(vh)。

      1. "rem":代表了相对于根元素的响应式单位。根元素指的是body、div、section等所有包含元素。它的值是相对于父元素(也就是屏幕尺寸)的百分比值。例如,如果你在HTML中使用rem作为字体大小单位,那么这个值就是相对根元素的100%。当屏幕尺寸改变时,"rem"会自动调整以适应新的屏幕尺寸。

      2. "vw":代表了视口宽度单位。视口宽度指的是屏幕中可视区域的宽度,通常是父元素的宽度。在移动适配项目中,"vw"常用于宽度单位,例如,如果你在HTML中使用vw作为文本字体大小单位,那么这个值就是视口宽度的100%。

      3. "vh":代表了视口高度单位。视口高度指的是屏幕中可视区域的高度,通常是父元素的高度。在移动适配项目中,"vh"常用于高度单位,例如,如果你在HTML中使用vh作为文本字体大小单位,那么这个值就是视口高度的100%。

      在实际应用中,你需要根据项目的需求和设备的特性,选择合适的单位。例如,如果你的项目主要在桌面电脑上使用,那么"rem"可能是更好的选择;如果你的项目主要在手机上使用,那么"vw"和"vh"可能是更好的选择。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部