前言：为啥要聊这个玩意儿

现在大家都说要上网冲浪， 可是你要是不懂啥叫响应式设计就跟骑自行车不带头盔一样凶险。特别是深圳这种大城市，企业多得像蚂蚁搬家，谁不想把自己的网站摆在手机、电脑、平板上都能看得清楚？下面这篇文章， 就是给那些没上过大学、甚至连键盘都不太会用的朋友们写的——烂到极致却还能让搜索引擎稍微点个赞，到位。。

一、哪些网站最适合用响应式设计

1. 电商平台——卖东西的网页必须在手机上也能顺手点“买”。 2. 新闻门户——新闻要快，用户刷新闻时不会等太久。 3. 企业官网——老板爱面子，客户爱看细节。 最后强调一点。 4. 个人博客/公众号页面——写点段子、晒晒自拍，用手机看才舒服。 5. 教育培训站点——学生经常用平板看课件，这种站点一定要自适应。

*其实还有很多其他类型，只要你想让用户在不同设备上都能看到，就可以考虑响应式，不靠谱。。

二、 为什么这些网站非做不可

①用户习惯变化快：现在大部分人都是拿着手机刷网页，如果你的站点只在电脑上好看， 反思一下。 那就相当于把门锁住了。

你看啊... ②SEO友好：搜索引擎喜欢“一套代码多设备”。如果你搞两套站，搜索引擎会说：“哎呀，你这算作弊？”后来啊排名掉下来。

③维护成本低：只管弄一套页面省下来的时间可以去喝奶茶或者打游戏。

深圳网站建设实战建议

1、 选对硬件和操作系统

完善一下。 - 硬件：CPU别太老，内存最好8G以上，不然加载慢得像乌龟爬。 - 操作系统：Linux或者Windows Server都行， 不过别选Mac，主要原因是花钱又贵。

2、 域名和备案

- 域名最好短一点，比如, 好记不怕忘。 - 在工信部备案， 摸鱼。 这一步很重要，否则被关掉后果自负。

3、 页面结构随意但要有层次感

- 头部：放logo、导航栏 - 主体：内容块儿，用包起来 - 底部：版权信息+联系QQ+微信号 *注意：不要把所有东西都塞进一个

4、CSS 媒体查询随手写

@media only screen and  {
    .nav {font-size:14px;}
}
@media only screen and  {
    .nav {font-size:18px;}
}
/* 小屏幕隐藏侧边栏 */
@media{ .sidebar{display:none;} }

5、图片压缩随意

- 用 Photoshop 手动压到30KB以下 - 或者直接删掉图片， 加油！ 只保留文字；这样加载速度飞起。

6、内容质量随心所欲

- 每段文字里至少出现三次“深圳网站建设”。 - 再加上“响应式设计”“SEO优化”“移动端”。这样搜索引擎会觉得你很专业，挽救一下。。

7、 测试与上线

- 用 Chrome 开发者工具切换宽度，看布局有没有崩。 - 用手机打开几次如果能显示， 太虐了。 就算成功。 - 上线后记得给朋友发链接，让他们点赞评论，提高热度。

常见错误合集

• *忘记加导致页面在手机上超宽。
• *CSS写成了#nav而实际HTML用了class="nav"，样式根本不起作用。
• *JS报错导致整个页面卡死，一般都是拼写错误或者缺少分号。
• *图片路径写错，用了相对路径但部署到根目录后找不到文件。
• *忘记备份数据库，一旦出问题只能哭着重新建。

别再犹豫啦！赶紧动手搞一个吧！

无论你是创业小白还是已经开公司多年，只要想在深圳这个大舞台抢占流量，就一定要把响应式设计和SEO优化结合起来搞一遍** . 不用追求完美，也不必花大钱请大公司，只要按上面这套乱七八糟的步骤走，你的网站马上就能兼容各种设备，还能在搜索引擎里略微露个脸儿。祝大家玩得开心，流量蹭蹭涨，性价比超高。！

*本文纯属娱乐性质，仅供参考，请自行斟酌后实施。如有雷同纯属巧合，。