发表于： 2020-07-16 20:35:03
1 1380
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
1.根据昨天的资料 实践媒体查询
个人案例
页面1 两行图文 宽度992 有超出情况
问题 1
1.原有的23 宽度有问题 ，
2.好像没改过这个地方 自动出来的
碰到的问题
1.改列包含的div，无论百分比 还是px，全部都成了一行显示，像是改了个0的效果
问题2
1.滚动条出现了
碰到的问题
1.怀疑 margin宽度超出
2.对文字的最小宽度限制 和大佬不一样 结果 一样没用
3.去除 没用
overflow-x: hidden;
overflow-y: overlay;
没用
3.先搁着 做好媒体查询训练
个人案例2
宽度422 字体缩小 / 引用第二个类margin间距缩小 /
@media screen and (max-width: 425px) {
.Breadcrumbnavigation1{
font-size: 1.5rem;
color: darkgoldenrod;
}
.Breadcrumbnavigation{
margin-bottom: 5px;
margin-top: 5px;
}
}
@media screen and (max-width: 425px){
.Breadcrumbnavigation2{
font-size: 1.5rem;
color: black;
}
}
个人案例4
通过布局方式，内容div宽度变化来改变 ，一行几个效果
flex-flow: column wrap;
align-items: center;
height: 6rem;
新版
display: flex;
height: 9rem;
flex-flow: column wrap;
设定弹性盒子，高度给够自动居中
说明
在这里，只要垂直不改变，应用于下面所有盒子，可以换行，居中和等间距分开都可以
如果高度不够 给下一行div 腾出空间来放位置，就横向一直穿过去超出边界
原有思路
1.通过最上层盒子布局方式引导下面盒子布局 失败
2.修改大盒子下不一样的盒子类型，把其中a标签全部改为按钮标签
3.参照页面1 例子查看怎么改
意外
电脑关机，写的css2文件突然没了 ，
报错 令牌找不到，然后刷新时候一直都有麻烦
明天计划的事情：（一定要写非常细致的内容）
1.抓紧时间 后面有空就开始做任务10
遇到的问题：（遇到什么困难，怎么解决的）
1.时间紧迫 来不及对每个地方都设置媒体查询了
2.出现了滚动条 至今未解决
收获：（通过今天的学习，学到了什么知识）
1.对于媒体查询自己写后一些细节更加了解了
返回列表
评论