search

lkxian888 / postcss-px-to-viewport-8-plugin

解决 postcss-px-to-viewport 控制台输出: postcss.plugin was deprecated. Migration guide:
170 stars 29 forks source link

landscape 横屏一些列问题疑问 #15

Open qqlcx5 opened 1 year ago

qqlcx5 commented 1 year ago

才疏学浅，还望大佬海涵。

  1. landscape 生成居多class
  2. 同上问题会覆盖权重高的class 3.landscape 写的css width 颜色等需要重新编译，竖屏直接生效。 image image 样式被覆盖

横屏第一次适配，我的理解是横屏和竖屏里面的 块元素不变，宽高大小做适配。

上面的仓库项目，需要运行调试可以使用。 https://github.com/qqlcx5/vue-neo-template

lkxian888 commented 1 year ago

才疏学浅，还望大佬海涵。

  1. landscape 生成居多class
  2. 同上问题会覆盖权重高的class 3.landscape 写的css width 颜色等需要重新编译，竖屏直接生效。 image image 样式被覆盖

横屏第一次适配，我的理解是横屏和竖屏里面的 块元素不变，宽高大小做适配。

上面的仓库项目，需要运行调试可以使用。 https://github.com/qqlcx5/vue-neo-template

landscape 生成居多class，是posctss里面的规则。 覆盖权重高的class，升级1.2.2版本看看有没有解决你的问题 没有发现landscape 写的css width 颜色等需要重新编译，

wswmsword commented 1 year ago

@qqlcx5 你好 qq，如果您想做横屏适配，在横屏下限制最大宽度，欢迎试下我写的插件，postcss-mobile-forever。

ymy1203 commented 1 year ago

我也遇到这个会出现多个@media 问题，导致每次写了样式都需要重新编译。作者现在有解决方案了？ 之前vue2的项目使用的postcss7.x 没有这个问题。 @lkxian888 @qqlcx5