发表于: 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: 所有设备,这个应该经常看到。

他也有多种样式:

这算是比较重要的一部分了。

今天完成了任务八,并进行了调整和修改,对多媒体查询有了更加深刻的理解,对布局有了不一样的理解。

明天开启任务九。


返回列表 返回列表
评论

    分享到