vw 实现响应式布局,一般文章(大漠的)都说是宽度 750 px,使用 portcss 插件转化为 vw 单位,实现响应式。
但是我写 PC 端的时候宽度为 1920 px,怎么实现响应式呢?打包的时候宽度分别配置?而且字体大小不一样,转化出来效果也不好。
vw 实现响应式布局,一般文章(大漠的)都说是宽度 750 px,使用 portcss 插件转化为 vw 单位,实现响应式。
但是我写 PC 端的时候宽度为 1920 px,怎么实现响应式呢?打包的时候宽度分别配置?而且字体大小不一样,转化出来效果也不好。
100vw
可以理解为宽度100% 1% = 1vw
同理 100vh
可以理解为高度100% 1% = 1vh
你用px
为单位的时候是1920 那么换成vw
是多少呢? 自己看实际情况定一下
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答5.2k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
问题不成立。vw布局是实现移动端适配(不同屏幕大小分辨率视觉效果一致),响应式布局是css框架要做的事情,比如bootstrap的layout文档,和打包没关系。