什么是响应式网页规划？

什么是响应式网页规划？

随着智能型手机及平板计算机的普及，越来越多用户使用它上网，近年来我们开始注重手机及平板上的网页视觉效果，不但规划类网站现已开始朝向呼应式网页规划，企业官网、乃至政府部门网站，也开始改成呼应式网页规划，但多数人关于呼应式网页规划(Responsive web

design，简称为RWD )还不太了解，呼应式网页规划是一种网页规划的技术做法，该规划可使网站在多种阅览设备，如桌面计算机到智能型手机、平板计算机或其他移动产品设备上，阅览和导航，一起削减缩放、平移和卷动。呼应式网页规划使用CSS3 media queries方法，以百分比的方法及弹性的画面规划，在不同解像度下改变网页页面的布局，让不同的设备都能够正常阅览同一网站，供给最佳的视觉体会。接下来九尾狐科技就跟我们说说呼应式规划的一些优势和特点。

一、呼应式规划的优势

1. 假如网站还是传统的网页规划，在智能型手机上无法有良好的显现效果，就必须使用RWD呼应式规划网页，才能满足顾客的在手机上阅览网页的需求。

2. 网站开发本钱及时刻较低，传统的网页规划，假如要针对桌面计算机、智能型手机、平板计算机等不同分辨率的设备，分别开发不同的网页，要花费比较多的时刻及开发本钱，改用RWD呼应式规划网页，就能够一起适用于手机、平板等不同设备，开发本钱及时刻较低。

3. 保护较便利，选用RWD呼应式规划网页，只要保护1种网页版本，保护本钱比较低也比较便利。

二、呼应式规划在APP使用程序领域的使用

呼应式网页规划RWD，现已被大多数的网页规划师所认同，并逐步使用在不同领域的网页规划上。除此之外，呼应式规划也被使用于手机 APP程序规划。 APP除了要考虑不同尺度的设备屏幕显现外，也要考虑直式屏幕(Portrait)及横式屏幕(Landscape)的差异；现在比较普遍的手机尺度有3.7-6英寸，平板计算机也有7-10英寸等不同尺度，APP使用程序在规划UI画面时，就可导入呼应式规划的概念，让APP可一起适用于不同尺度设备，或按照你的APP特性，只供给Portrait形式或Landscape形式。

如在iPhone上大部分的APP选用Portrait，以单手操作而言直式屏幕可触控的范围最广、最简单操作，用户也习惯这样的操作形式，不会想到将手机转为横式操作。但某些游戏APP，为了有较宽的游戏画面，会将游戏画面规划为Landscape，一般APP，除非有必要，其实能够不需制作 Landscape画面。

呼应式规划，不仅仅只有呼应式网页规划，越来越多APP使用程序的UI接口规划，也都选用呼应式规划，期望能开发出符合不同尺度的设备使用的APP，除了手机、平板等设备之外，Smart TV上也有越来越多的APP程序，怎么让50-60英寸的Smart TV与手机、平板的APP，有相同的使用体会，导入呼应式规划现已是现在的趋势。