最近在写自己的个人博客时遇到了一个小问题，为了解决响应式设计，便加入了媒体查询@meida来自适应各种大小的终端设备。但是在其中还发现了不少坑，在这里希望通过这篇文章分享给大家。 1、优先级的问题 div p{ colo…

媒体查询 1. 什么是媒体查询 HTML4和CSS2支持为不同的媒体类型指定专用的样式表，screen和print, projection是已定义的媒体类型 媒体查询由 媒体类型 和 一个或多个检测媒体特性的的条件表达式…

疑问 最近遇到个问题：flex:1;跟flex:1 1 0;是否等价。按照我之前对W3C属性值语法的理解，flex:1;应该是flex:1 1 auto;的缺省写法，剩下的两个flex-shrink和flex-basis…

Flexbox简介 In the flex layout model, the children of a flex container can be laid out in any direction, and can…

一年前，第一次接触响应式Web设计是通过一本书《响应式Web设计-HTML5和CSS3实践》（英文名为：Responsive Web Design width HTML5 and CSS3）作者：Ben Frain。这是…

一、前言 在CSS样式中，当文本缩放的时候使用font-size属性是最难以理解的方面之一。在CSS中，你有4种不同的选择，能够让你设置文本在浏览器中的展示。那么这4种单位哪一种更适合呢？这个问题引发了各种各样不同的争论…