发表于: 2018-12-30 21:05:35
1 820
今天完成的事情,任务8首页,页头的媒体查询,导航栏与轮播图。
遇到的问题有,Bootstrap导航栏无法居右,用选择器margin设置的话,拉到一定程度上,下拉关凯 button碰到边距就会自动往下边去。这里面我不可能让他使用绝对定位的,因为这是在自适应。看了半天,也不知道到底从哪里下手,就问了师兄,师兄告诉我,让我去使用
ml-auto,直接在框架里面的选择器后面添加代码,解决问题,导航栏会自动居右。
遇到的问题,前面的页头部分我使用的flax布局,但是注册于登录,行内元素,我要隐藏。页面缩放到一定程度,他可以出现,缩放到一定程度,他就消失。自己看了些关于媒体查询的知识,一步一步把他做出来。
@media screen and (max-width: 992px){
.Head{
display: none;
}
媒体查询,当页面最大宽度达到,992px的时候,容器隐藏掉。
@media screen and (min-width: 992px) {
.register {
display: none;
}
当页面最小宽度达到992px的时候,内容隐藏掉。
关于今天的疑惑,我在做导航栏的时候,根本就不太清楚导航栏的代码,就简简单单的引入组件修改就行了。轮播图也是,菜鸟教程的东西很全,我只需要更改一下样式,就好了。有点不太适应这种方式,框架的方式,东西都固定死了,只需要引入就行了。
今天收获,最bootstrap框架有了一定了解,学会了媒体查询。
明天计划任务8,内容部分。
评论