Question

web项目研发中怎样使html页面随手机/pad浏览器自动调整页面

Answer 1

你可以把网页写成响应式啊。响应式Web设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

响应式设计在2012年被提的比较多，但是响应式设计仍然在不断变化，不断创新。比如，新的设备不断出来(iPad Mini)，这让以前的设计想法土崩瓦解。而各种Web的响应式设计也获得了越来越多的注意，“让人们忘记设备尺寸”的理念将更快地驱动响应式设计，所以Web设计也将迎来更多的响应式设计元素。

UIKit
UIkit 是一个轻量级、模块化的前端框架，可快速构建强大的web前端界面。它根据不同的屏幕分辨率与上网设备，会自动做出响应，提供一致的体验。

Bootstrap
由两个Twitter员工开发并开源的前端框架，目前已经更新到了v3.0版本，在Github上非常火爆，在国内也有很多粉丝，值得一试。

Adobe Edge Inspect
对移动开发者尤其有用的工具，其前身是 Adobe Shadow，用于帮助设计师和开发者同时在多个移动设备上预览应用设计，发现和解决跨平台问题。
Responsive Web Design Sketch Sheets
如果你还在用纸和笔来创建你的实体模型，你可以用这些现有的草图来设计你的交互网站了。

Foundation
号称是世界上最先进的响应式前端框架。

SimpleGrid
轻量级的响应式 CSS 网格系统，让你可以快速创建适应于手机和平板电脑的网站。

Responsive Testing
这个工具可以让你预览你设计网页在不同设备上的效果，只需要访问它的网站并输入你网站的地址就可以看到了。

Answer 2

你可以自行百度响应式页面，iPad端的响应式，只需要把所有有关width的参数都用百分比来设定，具体的还是要看度娘，以及慕课网上有免费教程，但是手机端就麻烦许多，需要重新设计一个UI界面，以适应手机端显示屏大小，然后重新重构，具体请百度响应式，几乎都会出来

Answer 3

响应式开发,,现在有很多现成的css框架 如:Bootstrap

http://v3.bootcss.com/

Answer 4

写两套如果是 手机或者 是pad 跳转不同的 页面就行了

Answer 5

期，要认真写哦