-
- qq_點綴灬_0 2022-10-18
媒体查询引入方式1
内部样式表
<style @media="(min-device-width:100px) and (max-device-width:300px)">
#div{
background-color:#ccc;
}
</sytle>
- 0赞 · 0采集
-
- 终极至尊之主 2022-07-25
将media标签写在style标签内，适应显示
- 0赞 · 0采集
-
- 啥子也 2022-03-01
媒体查询其他引入方式(1)：书写在style标签
screen通常不涉及打印所以一般可以不添加
- 0赞 · 0采集
-
- 慕后端72535928 2021-11-10
父模块的高度可以不设置让子块撑开，但是浮动的话设置才能填充呀
- 0赞 · 0采集
-
- weixin_慕用6334942 2021-05-15
媒体查询其他引入方式
style 标签里面 @media
style标签上面 media=“ ”
- 0赞 · 0采集
-
- 人心思动 2021-03-29
媒体查询引入方式-1
写在style标签中
-
截图0赞 · 0采集
-
- 多鑫 2021-03-08
媒体查询引入方法
- 0赞 · 0采集
-
- weixin_慕数据2289057 2020-11-27
复习：@media:媒体查询
//媒体查询：屏幕最小宽度为500px最大宽度为600px时样式为...//
@media screen and(min-width:500px) and (max-width:600px){
}
float:浮动 是让div盒子动起来
学习：媒体查询其他引入方式
公共部分
<style >
#div0{
width:500px;
height:200px;
}
#div0 div{
float:left;
height:100px;
}
#div0 div:nth-child(1){
background-color:red;
}
#div0 div:nth-child(2){
background-color:green;
}
#div0 div:nth-child(3){
background-color:blue;
}
</style>
条件部分
<style media="(min-device-width:200px) and (max-device-width:399px)">
width:100%
</style>
<style media="(min-device-width:400px) and (max-device-width:499px)">
width:50%
</style>
<style media="(min-device-width:500px) and (max-device-width:599px)">
width:33.3%
</style>
- 0赞 · 1采集
-
- 霂木 2020-10-28
screen用于区分是打印还是屏幕显示，在这里我们都是屏幕显示，就可去掉
-
截图0赞 · 0采集
-
- 慕工程1764447 2020-10-20
style 标签引入media另一种形式
<style media="(min-device-width: 300px) and (max-device-width: 500px)"></style>
-
截图0赞 · 0采集
