@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
}
layui 代码学习笔记
最新推荐文章于 2024-08-20 15:50:34 发布
这篇博客主要记录了作者在学习layui框架过程中的体验和理解,详细探讨了layui如何为通用页面设置默认样式,包括body、img、ul和li等元素的默认配置。
摘要由CSDN通过智能技术生成