摘要：通过前几天写的两篇博客(浅谈移动端三大viewport和移动端em和rem区别)，我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配，如下图 但是这个可能不会太精准，比如我的设备布局viewport可能是370px，这样只能使用320这一版本 阅读全文

摘要：我们通常在写移动端页面时，往往都会在html页面中加入这样一段话 可能我们只知道这三个字段的含义（视口宽度等于设备宽度，屏幕缩放为1，禁止用户缩放），但是为什么要这么写，其原理又是什么呢？ 我们先看一个简单的demo吧。 该demo展示一个宽度为320px的div，我们在iphone5上面打开看一下 阅读全文

摘要：实现css水平垂直居中的方法有很多，在这里我简单的说下四种比较常用的方法： 1.使用CSS3中的Flex布局 对于flex，我们要了解的是它是一个display的属性，而且必须要给他的父元素设置flex属性(flex必须配合绝对定位使用！！！！！)，除了设置display：flex之外，还有另外两个 阅读全文

摘要：首先声明一下CSS三大特性——继承、优先级和层叠。继承即子类元素继承父类的样式，比如font-size,font-weight等f开头的css样式以及text-align,text-indent等t开头的样式以及我们常用的color。简单的就不演示了，强调一下font-size这个东东(虽然也有继承... 阅读全文