使用 vw 实现响应式布局的 vue 项目,桌面端应该如何适配?

vw 实现响应式布局,一般文章(大漠的)都说是宽度 750 px,使用 portcss 插件转化为 vw 单位,实现响应式。
但是我写 PC 端的时候宽度为 1920 px,怎么实现响应式呢?打包的时候宽度分别配置?而且字体大小不一样,转化出来效果也不好。

阅读 5k
2 个回答

问题不成立。vw布局是实现移动端适配(不同屏幕大小分辨率视觉效果一致),响应式布局是css框架要做的事情,比如bootstrap的layout文档,和打包没关系。

100vw可以理解为宽度100% 1% = 1vw
同理 100vh可以理解为高度100% 1% = 1vh

你用px为单位的时候是1920 那么换成vw是多少呢? 自己看实际情况定一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题