加入收藏 | 网站地图
主页 > 网页设计 > 网页技巧 >

响应式页面重构 响应式页面重构学到的东西

2013-04-22 13:30 来源:网络 对此文章感兴趣的有:
关于响应式页面

  作为一个无线部门的人,不懂移动设备是不行的。而作为一个无线的重构,不会写响应式页面更是不行得。而我,一个无线的重构,在我最近做的一个移动端的项目之前,的确是不会写响应式页面的,所以,严格来说,在这个项目之前,我是一个不合格的无线重构人。

  而这个项目,却让我快速地掌握了响应式页面重构的一些方法。下面就是通过这个项目来总结我在响应式页面重构学到的东西。

  众所周知,所谓响应式页面,就是能够用一套样式,使你的页面能够在不同分辨率的屏幕下都有很好的表现形式。响应式Web设计,这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名:

  响应式建筑(responsive architecture),物理空间应该可以根据存在于其中的人的情况进行相应。

  根据我所阅读过一些文章及资料,我总结出响应式页面的几个关键组成部分:

  1、页面头部的meta说明,可以通过viewport meta标签去让你的html页面的的宽度能根据设备分辨率让浏览器的可视宽度来适应,也可以在这里设置页面的缩放比例等等,这样在成比例的分辨率设备下,就可以更简单地实现响应式。

  

  2、流体布局(fluid grid),所谓的流体布局,其实就是在你pc端实现的页面基础上,将一些元素的宽高由原来的固定多少像素(px)调整为百分比(%)或字体比例(em)(或布局方面的margin、padding、left、top等以px为单位的值),这也是当前实现响应式布局的两种主要实现方法。


更多

我要学设计

1.请认真填写您的姓名,专业,联系方式(我们将严格为您保密)

2.您提交信息后24小时内,网站客服人员会与您确认信息;

3.48小时内,给您推荐的三家软件培训学校会电话与您沟通,约定好时间及会面地点;

4.培训老师与您进行沟通,为您推荐适合您的软件培训课程;

5.恩施培训网在线报名网址:点击进入网上报名系统

6.恩施培训网官方报名网址:www.enshipx.com

 

 

相关报道