发表于: 2018-07-07 20:15:42
1 549
今天完成的事情:今天完成前两个页面,解决之前遇到的一些问题,然后第三个页面写了一部分,然后写出来了媒体查询,然后准备小课堂。
明天计划的事情:明天请假
遇到的问题:今天没遇到什么问题主要就是第三个页面用边框写比较麻烦,就比较烦。。。
收获:
媒体查询具体使用方法。
最大宽度max-width
“max-width”是媒体特性中最常用的一个特性,其意思是指媒体类型小于或等于指定的宽度时,样式生效。
最小宽度min-width
“min-width”与“max-width”相反,指的是媒体类型大于或等于指定宽度时,样式生效
多个媒体特性使用
Media Queries可以使用关键词"and"将多个媒体特性结合在一起。也就是说,一个Media Query中可以包含0到多个表达式,表达式又可以包含0到多个关键字,以及一种媒体类型。
设备屏幕的输出宽度Device Width
在智能设备上,例如iPhone、iPad等,还可以根据屏幕设备的尺寸来设置相应的样式
评论