Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
qqlcx5 opened this issue Mar 24, 2023 · 3 comments
Open

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

qqlcx5 opened this issue Mar 24, 2023 · 3 comments

Comments

@qqlcx5
Copy link

qqlcx5 commented Mar 24, 2023

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

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

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

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

@lkxian888
Copy link
Owner

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

  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
Copy link

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

@ymy1203
Copy link

ymy1203 commented Jun 12, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants