17寸、19寸、21寸、23寸甚至到31寸台式电脑显示器大小各异，笔记本也有17和19等规格的显示器尺寸，其分辨率更有1366*768、1440*900、1920*1080等等。还有手机端3.5寸、5.5寸、5.8寸等等不同屏幕大小的手机，面对如此庞杂的型号和分辨率我们改如何做一个网站能满足不同显示器大小呢？

响应式网□□站建设的▲出发点就□□是满足不◈同尺寸的□□显示终端☆而出现的▽概念和技□□□□术，其主要分□□□□为两种一□□□种可以拖□□动的一种□□不可以拖□□动的。花开两朵◢各表一枝★下面我们◤分开阐述□□□下他们的◈优缺点以丨便根据我□□□□们的实际□□□情况去做□□选择。

1）可以拖动的。
可拖动的□□响应式网□□□站就是我□□们在PC端把浏览□□器任意的□□□放大和缩·小是不会□□□有左右滚□□□动条的（一般网站□□□□你缩小窗□□□□口是会有□□□□滚动条的，注意是拖□□□□动边线缩□□□□小窗口，而不是改□□变其显示□□□百分比），如下图网□□站 https://www.yichuanlaw.com/ 拖动其窗□□口大小就□□□□不会有左□□□□右滚动条，内容仍能□□居中显示。



优缺分析：这种网站□□□□最大的好□□□处能完美□□□□的解决各□□种尺寸的□□□□终端屏幕◥显示并尽□□□□量的不留✦白，并内容在□□当前可视□□区域也能❖显示完全，设计比较◤简洁大气，缺点对设□□□计排版要◢求比较高，难实现很◉复杂内容□□□较多的网□□□站排版。

2）不可拖动的
不可拖动◣的是指在PC访问的情◇况下你把□□□□浏览器窗□□□□口左右拖□□□□动其显示●区域的大□□□小会在浏□□□览器下方□□□□出现滚动□□□条（一般当你□□□拖动的区□□域分辨率□□□小于1000时都有会□□左右滚动□□条），以下是网□□□易官网，看箭头所□□□□指有滚动□□□条产生

优缺分析：这种网站窗口小时内容有所遮挡，只有左右滚动才能查看全部内容。而在手机端则有单独针对手机屏幕设计的版本，你用手机浏览器直接输入网址也能有很好的用户体验。这点他是比可拖动的要好的，毕竟专门针对手机端的设计的版本从布局到内容上都可以随意设计（而可拖动的只能根据PC端的设计风格和布局做压缩演变）

结论：站在网站浏览者的角度上来说根本不管你网站是否可以拖动，只要PC访问时有针对PC的版本，手机访问时有针对手机的版本有好的用户体验就可以了。

那么我们公司在网站建设的时候改如何选择呢？

首先我们根据我们的定位来，如果是门户资讯/社交应用等综合网站基本上不用考虑做PC+手机分开出来的网站，目前存在的几大门户无例外全部如此。其次如果我们是企业官网，毕竟市场上大部分企业都要有自己的官网此类型网站数量还是十分庞大的。那么我们企业就要根据自己的定位来了，如果我们微小企业信息量比较少就可以考虑做可拖动的，如果信息量比较大就建议分开处理。如果我们难分伯仲不好决策的前提下我在这里还是建议分开处理，毕竟分开出来能比较好的针对性设计，用户体验的提高才是第一位的。

作者：杨东