- 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)。
-
"rem":代表了相对于根元素的响应式单位。根元素指的是body、div、section等所有包含元素。它的值是相对于父元素(也就是屏幕尺寸)的百分比值。例如,如果你在HTML中使用rem作为字体大小单位,那么这个值就是相对根元素的100%。当屏幕尺寸改变时,"rem"会自动调整以适应新的屏幕尺寸。
-
"vw":代表了视口宽度单位。视口宽度指的是屏幕中可视区域的宽度,通常是父元素的宽度。在移动适配项目中,"vw"常用于宽度单位,例如,如果你在HTML中使用vw作为文本字体大小单位,那么这个值就是视口宽度的100%。
-
"vh":代表了视口高度单位。视口高度指的是屏幕中可视区域的高度,通常是父元素的高度。在移动适配项目中,"vh"常用于高度单位,例如,如果你在HTML中使用vh作为文本字体大小单位,那么这个值就是视口高度的100%。
在实际应用中,你需要根据项目的需求和设备的特性,选择合适的单位。例如,如果你的项目主要在桌面电脑上使用,那么"rem"可能是更好的选择;如果你的项目主要在手机上使用,那么"vw"和"vh"可能是更好的选择。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
