摘要: 开始研究响应式web设计,CSS3 Media Queries是入门。Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,Media Queries是如何工作的?两种方... 阅读全文
posted @ 2015-05-26 22:34 抽风的二七 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。前人已栽树,后人我就直接转来吧……回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family... 阅读全文
posted @ 2015-05-26 22:32 抽风的二七 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢?方法/步骤1先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768、992、1200。当然... 阅读全文
posted @ 2015-05-26 22:22 抽风的二七 阅读(460) 评论(0) 推荐(0) 编辑