当前第2页 返回上一页
分别在屏幕宽度为300、250、200、150时，设置div为不同的样式。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | @media (max-width: 300px){
.app{
height: 50px;
}
}
@media (max-width: 250px){
.app{
width: 50px;
}
}
@media (max-width: 200px){
.app{
border-radius: 10px;
}
}
@media (max-width: 150px){
.app{
border-radius: 50px;
}
}
|
3、改变窗口大小，查看效果：
以上就是css怎么设置div随着窗口大小变换的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css怎么设置span的宽度
css外链式基本写法是什么
必看，系统介绍前端 html与css的基础 知识点
css怎么设置字体颜色
css 实现三栏自适应布局
css如何设置粗体
css超链接字体颜色如何改变
css中怎么插入表格
常见的css块级元素有哪些
css如何实现背景透明，文字不透明？
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置div随着窗口大小变换
