是否可以通过 MediaQueries 更改在较小分辨率下显示的布局而不更改默认布局?
P粉301523298
P粉301523298 2023-09-16 14:17:29
[React讨论组]

我在默认分辨率上使用“网格模板列”布局,使元素按预期显示,但在较小的分辨率上,它们由容器优先级渲染,创建我想要更改的视觉效果。

在默认分辨率下: 在显示屏左侧呈现,然后在显示屏的另一端呈现 ,然后是

位于其下方。在较小的分辨率上,我想让元素在此布局中呈现: 然后 然后

一个每个都在另一个之下。

Image

blablabla

.container {
    width: 75%;
    margin: 0 auto;
}

.about_container {
    display: grid;
    grid-template-columns: 20% 75%;
    gap: 5%;
}
@media screen and (max-width: 600px) {
    .container {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

P粉301523298
P粉301523298

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号