发表于: 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,内容部分。



返回列表 返回列表
评论

    分享到