发表于: 2019-07-30 19:45:25
1 925
七月三十
今天提交了任务八
在任务八中遇到了很多问题,也学习到了新的知识
关于:
链接了<BOOTSTRAP>这是一个库,也相当于是一个大的工具栏
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。
在现代 Web 开发中,有几个几乎所有的 Web 项目中都需要的组件
在这个库里面查询源码和框架,在以前的日报里有提到过。
而其中最重要的一个就是多媒体查询
他以页面的大小来设定元素的属性,这可以完成很多自适应要求,
你也可以设定页面在多少与多少之间来启用你设定的属性。
而多媒体查询你代码组成含义:
如果指定的多媒体类型匹配设备类型则查询结果返回 true,文档会在匹配的设备上显示指定样式效果。
除非你使用了 not 或 only 操作符,否则所有的样式会适应在所有设备上显示效果。
not: not是用来排除掉某些特定的设备的,比如 @media not print(非打印设备)。
only: 用来定某种特别的媒体类型。对于支持Media Queries的移动设备来说,如果存在only关键字,移动设备的Web浏览器会忽略only关键字并直接根据后面的表达式应用样式文件。对于不支持Media Queries的设备但能够读取Media Type类型的Web浏览器,遇到only关键字时会忽略这个样式文件。
all: 所有设备,这个应该经常看到。
他也有多种样式:
这算是比较重要的一部分了。
今天完成了任务八,并进行了调整和修改,对多媒体查询有了更加深刻的理解,对布局有了不一样的理解。
明天开启任务九。
评论