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

landscape 横屏一些列问题疑问

Opened this issue · 3 comments

qqlcx5 commented

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

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

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

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

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

  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 颜色等需要重新编译,

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

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