vw适配中使用伪类选择器遇到的问题

最新推荐文章于 2022-10-10 14:05:28 发布

perryliuPC

最新推荐文章于 2022-10-10 14:05:28 发布

阅读量4.3k

点赞数 2

分类专栏： webpack配置文章标签：移动端适配 postcss vw适配

本文链接：https://blog.youkuaiyun.com/perryliu6/article/details/80965734

版权

在使用vue init webpack构建的项目中，一开始我准备使用rem布局，以前使用rem布局，都采用的是AMFE团队发布的lib-flexible，但是在flexible的redeme的一开始我就读到了这么一段话，官方指引我使用vw实现适配

依据引导，我启用了postcss插件，并且学习到了vw适配，vue构建项目的根目录下的.postcssrc.js文件中的配置如下（摘自https://www.w3cplus.com/mobile/vw-layout-in-vue.html）：

 
  module. 
  exports = { 
 
  "plugins" 
  : { 
 
  "postcss-import" 
  : {}, 
 
  "postcss-url" 
  : {}, 
 
  "postcss-aspect-ratio-mini" 
  : {}, 
 
  "postcss-write-svg" 
  : { 
 
  utf8: 
  false 
 
   }, 
 
  "postcss-cssnext" 
  : {}, 
 
  "postcss-px-to-viewport" 
  : { 
 
  viewportWidth: 
  750, 
  // (Number) The width of the viewport.