发表于： 2019-03-07 23:33:19
1 687
今天完成的事情：
完成了任务8一小部分
大于一定宽度显示
小于一点宽度出现
明天计划的事情：
完成任务8第一个页面
遇到的问题：
row 的运用，col的的运用，主要是不熟练，在师兄的帮助下能掌握基础了，还有就是媒体查询的运用，刚开始有点懵逼，
收获：
任务8进度有了一点点进步，好几天了前几天一直就是看基础，不知道如何下手，今天至少有了新的收获，任务有了小小的进度，
媒体查询的基础运用，还有bootstrap的基本布局多少有了点思路，对后面的布局有了点想法，简单了解了bootstrap flex布局的基本用法。
媒体查询的用法
1. 最大宽度max-width
“max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效。如：
@media screen and (max-width:480px){
.ads {
display:none;
}
}上面表示的是：当屏幕小于或等于480px时,页面中的广告区块（.ads）都将被隐藏。
2.最小宽度min-width
“min-width”与“max-width”相反，指的是媒体类型大于或等于指定宽度时，样式生效。
@media screen and (min-width:900px){
.wrapper{width: 980px;}
}
返回列表
评论