layui 代码学习笔记

最新推荐文章于 2025-01-20 06:40:21 发布

清风古韵

最新推荐文章于 2025-01-20 06:40:21 发布

阅读量2.6k

点赞数 1

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/ttpage/article/details/87065842

版权

这篇博客主要记录了作者在学习layui框架过程中的体验和理解，详细探讨了layui如何为通用页面设置默认样式，包括body、img、ul和li等元素的默认配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@media screen and (max-width:768px) {
    .layui-hide-xs {
        display: none !important
    }

    .layui-show-xs-block {
        display: block !important
    }

    .layui-show-xs-inline {
        display: inline !important
    }

    .layui-show-xs-inline-block {
        display: inline-block !important
    }
}

xs太小了，一般可以不用
下面是当屏幕大于768时的设置
@media screen and (min-width:768px) {
    .layui-container {
        width: 750px
    }

    .layui-hide-sm {
        display: none !important
    }

    .layui-show-sm-block {
        display: block !important
    }

    .layui-show-sm-inline {
        display: inline !important
    }

    .layui-show-sm-inline-block {
        display: inline-block !important
    }

@media screen and (min-width:992px) {
    .layui-container {
        width: 970px
    }

    .layui-hide-md {
        display: none !important
    }

    .layui-show-md-block {
        display: block !important
    }