如何设计响应式网页？
需要先有大屏小屏两个版本的设计稿，或者大屏大屏小屏三屏。下图是双屏设计，适合PC和移动。
请点击进入图片说明。
请点击进入图片说明。
用photoshop把两个屏幕需要的图片剪下来，保存在两个文件夹里，方便管理。每个版本只会调用相应的版本图片。
请点击进入图片说明。
Meta header根据设备的分辨率设置参数以适应浏览器的可视宽度。
请点击进入图片说明。
进入html框架部分。如果多个版本的元素一致，则按照一个版本添加html的Dom元素。如果有区别，在相应的位置添加Dom元素，然后用css或者js隐藏这部分。
请点击进入图片说明。
在CSS写作部分，从大屏写到小屏是我个人的习惯，因为大版通常比小版包含更多的元素。
请点击进入图片说明。
使用media query -Media Queries方法编写不同版本的CSS样式。
请点击进入图片说明。
请点击进入图片说明。
请点击进入图片说明。
由于媒体查询的方法，不适合较低版本的浏览器，所以需要JS帮助兼容。以下JS可以在线下载。需要注意的是，这个JS一般需要和网站的index.html放在同一个目录下，不适合单独管理，否则无法加载图片或者样式。
请点击进入图片说明。
响应式和自适应有什么区别？
响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
苹果手机引导式访问连按三次无效？
苹果手机引导式访问连按三次都出现失灵现象表现为网络异常，原因和解决方法如下2、网络运营商的DNS服务器出错或被恶意软件修改拦截了DNS。解决方法：打开路由优化大师，在高级设置中的DHCP设置页面勾选手动设置DNS，再填入DNS服务器地址，保存设置后重启路由器即可。
打开网页出现未响应怎么办？
1、遇到这样的情况，首先要结束当前已经开启的出错浏览器进程→关闭程序。
2、如果点击关闭程序，依然没有反应，可以使用鼠标右键点击任务栏→启动任务管理器。
3、在打开的管理器中点击进程→找到iexplore.exe→结束进程。
4、先设法清理IE浏览器的缓存，有时候缓存故障也会导致IE浏览器无响应错误的。点击IE浏览器右上角工具（齿轮状图标）→Internet 选项。
5、Internet 选项属性→常规→浏览历史记录→删除。
6、如果还是这样，可以点击Internet 选项属性→高级→重置→确定。
7、重启浏览器看是否还有问题？还可以在Internet 选项→安全→去掉启用保护模式前的选中对勾（重启IE浏览器）。
打开一个网站，显示响应时间过长，网页打不开？
如果网络正常，别的网页或者应用可以正常上网，那就是这个网页的问题，可能是服务器出问题了，你只能换个时间再试试。
网页失去响应是怎么回事？
在浏览器浏览网页的时候，弹出网页失去响应的提示框，然后是电脑卡机，浏览器正在浏览的网页也无法打开查看，下面我来说下网页失去响应怎么办，网页经常失去响应卡死解决方法。
方法/步骤
弹出网页失去响应的提示后，我们按快捷键Ctrl+Alt+Delete打开任务管理器，并结束当前正在浏览的网页进程。
结束进程后，这时我们电脑就不卡了，虽然暂时解决了网页失去响应的问题，但难保下次还会再次弹出，所以我们再一次进入到浏览器主页。
在浏览器主页找到并点击“工具”，然后从它选项中打开“internet选项”。
在进入到internet选项面板后，我们点击它选项上方的“高级”。
然后在高级选项管理窗口下，我们找到并点击窗口下面的“重置”按钮。
进入到浏览器重置窗口，我们这里√选“删除个人设置”选项，并再一次点击下方的“重置”即可。
最后，重置任务完成后，点击internet选项面板中的“确定”关闭当前窗口即可。