做响应式网站 一定要考虑这几点

时间：2023-05-09 16:36:01 | 来源：网站运营

时间：2023-05-09 16:36:01 来源：网站运营

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

以上来自百度百科，简单来说，响应式网页就是一个域名适配多种设备，网页布局允许在设备转换的情况下自行优化，我们通常称之为“下掉式排版“。在各类移动设备铺天盖地的当下，响应式网页无疑是大部分人在进行网页制作时候的优先考虑对象，任何设计都不能十全十美，有优势必然就有缺点，首先让我们看一下响应式网页有哪些优势？

一．面对不同分辨率设备灵活性强


如今我们做设计稿时，为了力求视觉效果的大气，通常用1920*1080这个尺寸作为一屏来进行设计，而有不少的情况下，当我们的设计稿进入前端交予客户省查时，通常会发现，还有为数不少的客户在用笔记本，也就是1440*600的屏幕，甚至还有更小的分辨率，此时，因为不是响应式的情况下，我们的设计呈现的方式让人非常尴尬。

在小屏中，我们的筛选框被“吃掉了”！这个时候设计师就要苦恼地加班改出个小屏排版，这是很降低效率的重复性工作了。


另外，除了大小屏幕，现在大家都是低头族，人不吃饭可以活5天，不喝水可以活1天，不拿手机1秒都坐立不安。当手机已经包揽了几乎别的电子设备所有的功能的时候，还有几人会为了看一个网站而去开电脑呢？毕竟我们现在聊天，发图片，刷微博，看资讯都是用手机，而一个不适配手机分辨率的网站会有什么结果呢？就是当你告知别人网址时，别人恰巧是用手机打开的时候，网页会长什么样子呢？

手机样式真是拥挤不堪，眼睛都要瞎掉了！什么都看不清的情况下，我怎么按筛选框呢？当然只有放大啦！相信大家都有体会，当放大网页时，填写信息或者做筛选的时候是一件多么痛苦的事情。所以这个时候，响应式的优势就显露无疑。

无论你是站着打开，坐着打开，躺着打开，网页都能保持最初的那个美好的样子。

二．不同设备操作起来没有顾虑

什么时候我们会用手机去刷网页？通常是需要无聊的度过很长一段时间的时候，比如地铁上，这个时候我们是最有耐性去观看一个网页，甚至更深入的去探寻这个网页的其他功能，而一个不适配的网页，在操作上面必然有着鸿沟一般的障碍，成倍的消磨着使用者的耐性。

手指是有宽度的，所以手机端的按钮尺寸有一定的规范，当网页在最初设计的时候并不是奔着响应式这个条件的话，那么我们的网页可能会出现这种情况，在pc端看起来非常好看的小元素以及合理的按钮，用手机打开的时候，一切都变得不那么和谐了，选框之间的间距不够，或者输入框本身不够大的时候，都会让用户在点击使用的过程中发生错误从来产生操蛋心理，并对这类网站失望、反感。


而要是我们最初便是响应式的网站，并把这些因素考虑进去后，因为网页是适配型，所以绝对不会出现手指挡住输入框，或点错等让人奔溃的二次操作以及返回重新加载。

此时你要说，哇哦，响应式优点这么多，我也要做响应式！以后都做响应式！年轻人，事无一面，有好必有坏。那么响应式让人发指的缺点又是什么呢？

一．工作量大，周期长

就好比现在3-4个人的工作量你让1个人做了，势必这件事情的完成周期会延长，前端在写响应式的时候，可不是就一套代码那么方便了，他需要在一个域名里面套多个代码以达到网页适配的这个结果，并且还要各方面的考虑各个尺寸和平台的适配性，听起来就好复杂。


二．代码冗长，加载速度过慢

根据我们稻壳互联的前端技术猿反馈，响应式网站的代码状态就如塞满衣服的行李箱，打开需要一定的时间，这段时间不仅考验用户的网速更加考验了用户的耐性。所以是否适合做响应式网站，要根据你的网站内容而定，而不是追赶潮流了。

三．局限性大，缺乏定制化

身为一个有梦想，有追求的设计师，每一个设计稿对我们而言都是亲生儿女，有谁不希望自己的亲身儿女长得漂亮，让大家喜欢，谁不希望自己的亲身儿女和别人不一样，有所特长？然而由于响应式网站的特殊性，导致它对网页设计的限制十分巨大，且百度一下，铺天盖地的响应式建模网站。有种谁都在做的感觉，这就是和快时尚消费品一样样的，便宜是便宜，撞衫率高达百分之99.9。

而且响应式网页无法突破框架，需要规规矩矩的分割式排版，对图片的要求也极高（这个我在后续文章中会着重分析）。内容复杂的，列表信息过多的网站都不适合响应式。毕竟要适配各个不同类型的设备，设计方面不宜于太过复杂，不然容错率低下，前端技术猿们容易崩溃。


综上所诉，响应式有它方便的地方，也有它代价高的地方，所以到底要不要做响应式，还是要根据自我情况而定，适合自己的才是最好的。