最近在写自己的个人博客时遇到了一个小问题,为了解决响应式设计,便加入了媒体查询@meida来自适应各种大小的终端设备。但是在其中还发现了不少坑,在这里希望通过这篇文章分享给大家。 1、优先级的问题 div p{ colo…
分类:响应式设计
媒体查询
媒体查询 1. 什么是媒体查询 HTML4和CSS2支持为不同的媒体类型指定专用的样式表,screen和print, projection是已定义的媒体类型 媒体查询由 媒体类型 和 一个或多个检测媒体特性的的条件表达式…
【CSS趣味】flex 缺省的 auto 跟 0 到底有何区别
疑问 最近遇到个问题:flex:1;跟flex:1 1 0;是否等价。按照我之前对W3C属性值语法的理解,flex:1;应该是flex:1 1 auto;的缺省写法,剩下的两个flex-shrink和flex-basis…
Flexbox详解
Flexbox简介 In the flex layout model, the children of a flex container can be laid out in any direction, and can…
CSS字体单位
一、前言 在CSS样式中,当文本缩放的时候使用font-size属性是最难以理解的方面之一。在CSS中,你有4种不同的选择,能够让你设置文本在浏览器中的展示。那么这4种单位哪一种更适合呢?这个问题引发了各种各样不同的争论…