6大响应式网页设计的重点要素
为何要做多萤(响应式)网页设计?
近两年行动商务迅速崛起，消费者的习惯已逐渐改变，传统透过电视当作娱乐，手机当做联络工具的时代已经正式走入历史，现在每一个可见的萤幕载具，几乎都一具多用，能联络、看影片、工作、娱乐、购物...，无论是智慧手机﹐或平板，普及指数都不断在往上成长，甚至同时看着电视又使用手机，或者用着电脑又一边利用平板玩游戏，多项功能已经让人们的生活习惯身边有这些载具，而企业主纷纷注意到这些转变，而开始拟定行动商务计划。
多萤(响应式)网页设计是什么?
是以单一的HTML呈现的制作手法、针对PC、平版电脑、智慧型手机等所有设备的网页最适化呈现。并不是针对设备制作専用的页面、而是以浏览器的萤幕尺寸为基准，使用CSS调整Layout、来对应各种萤幕尺寸的网页制作方式
简而言之，响应式网页设计就是 单一网址+不重复的网站内容+单一程式码+CSS 3 Media Queries
多萤(响应式)网页设计好处?
*提供给顾客更良好的使用者体验
*单一网页对应多种装置，容易维护内容并提高工作效率
*因为Google优先建议使用多萤网页设计，原因如下：
1.重新导向会引响速度
2.减少网页内容重复性
因为搜寻引擎不喜欢同样的内容但出现在不同网页上，而若针对不同载具各别设计网站，就很有可能会有重复性内容的问题。
3.提升网页可使用性
4.降低网页跳出率
5.提高在地搜寻评价
多萤(响应式)网页设计要素?
*允许网页宽度自动调整
因为你不能确切知道所有网页浏览者的载具尺寸，因此要能允许网页宽度自动调整，无论什么载具都不会有宽度问题。
*不使用绝对宽度
如同上一点，虽然某些常用载具有固定尺寸，但在程式设计的时候千万要注意不要使用绝对宽度来设计网站。
*相对大小的字体：根据不同装置的观看距离调整文字大小、行距
让每一种载具看起来的文字大小、行距都是差不多的，但事实上仍有些微差异，必须不断测试、修正，确保每种载具的浏览舒适度是最佳的。
*流动布局（Fluid Grid）
让你的网站就像水一样，到不同载具的版面，会随载具的宽度而自动调整格局版面。
*加载CSS 3 的Media Queries规则
*图片的自动缩放（Flexible Images）
文字要保持最舒适的行距、字级，图片要能随着载具自动缩放，随时保持着满版的舒适设计。
