rem布局可以用来做pc端页面布局吗

Posted 2023-05-11

PC端用rem首先要用resize()函数把平常用的remjs包含起来，因为手机屏幕宽度固定，而pc端可以改变浏览器窗口大小。
另外pc端一般不用rem主要是对低版本浏览器的兼容性问题，比如从ie9才开始支持rem，但是只是部分支持。ie11才全部支持。
ie9,ie10部分支持，例如：rem用在伪元素和缩写样式上就不支持 参考技术A 手机页面设计一般的大小是640，但是，手机屏幕大小确实不确定的，这样，怎么才能做出适应所有手机的手机页面呢？
一般的解决方案有两种，rem布局和百分比布局。这两种方案我有都试过，所以现在更推荐用rem布局来制作手机页面;

rem布局的兼容性：
Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+、ie6-ie8 还是别用rem
不过现在的手机一般浏览器，一般可以直接不用去管IE内核的浏览器了。本回答被提问者采纳

VUE 判断电脑还是手机设备 pc端自适应 移动端rem布局

参考技术A pc端所有的页面和移动端都写在一个项目里
这时候就需要我在登录的时候判断是什么设备 然后跳到相应的页面 采用不同的样式
可以写在一个js文件里，然后在main.js里统一引入
如果是手机端的话 我要采用rem布局 设计稿是640px的标准
如果是pc端的话 我需要页面自适应 设计稿是宽1920px的标准 并且当电脑屏幕尺寸小于1024px(一般来讲最小的电脑尺寸就是1024px),就不让页面继续缩小了 否则样式错乱,影响用户体验.

转自 https://www.jianshu.com/p/0e3f18f8fe8c