发表于: 2018-07-07 20:15:42

1 547


今天完成的事情:今天完成前两个页面,解决之前遇到的一些问题,然后第三个页面写了一部分,然后写出来了媒体查询,然后准备小课堂。



明天计划的事情:明天请假



遇到的问题:今天没遇到什么问题主要就是第三个页面用边框写比较麻烦,就比较烦。。。



收获:

媒体查询具体使用方法。

最大宽度max-width

“max-width”是媒体特性中最常用的一个特性,其意思是指媒体类型小于或等于指定的宽度时,样式生效。


最小宽度min-width

“min-width”与“max-width”相反,指的是媒体类型大于或等于指定宽度时,样式生效



多个媒体特性使用

Media Queries可以使用关键词"and"将多个媒体特性结合在一起。也就是说,一个Media Query中可以包含0到多个表达式,表达式又可以包含0到多个关键字,以及一种媒体类型。


设备屏幕的输出宽度Device Width

在智能设备上,例如iPhone、iPad等,还可以根据屏幕设备的尺寸来设置相应的样式




返回列表 返回列表
评论

    分享到