摘要: 上一节传送门《HTML5+CSS3响应式设计(一)》 设置 viewport meta标签后,任何浏览器都不再缩放页面了,这一节我们可以针对不同视口来修正设计效果。 一、我们用一个ipad(1024*768)来说明这一点 上一节中我们的页面是960px宽度,我们ipad如果是横屏显示1024px,页 阅读全文
posted @ 2018-01-18 11:43 IT民工梅西布莱恩特 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 利用媒体查询来进行响应式设计。 一.先来看一下传统的固定宽度的界面: 对于这么样一个界面,首先界面应该尽量精简。 a.分析一下上下顶部与底部的旗帜(小技巧): 我们用最精简的办法来切取图片(重复平铺即可): 我们不会去截取一整条旗帜做背景图。 原因有两点: 1.节省流量:这种方法为两处背景分别节省了 阅读全文
posted @ 2018-01-18 11:08 IT民工梅西布莱恩特 阅读(154) 评论(0) 推荐(0) 编辑