跨屏网主打电脑、手机自适应的saas建站平台，免费它不香吗

挖坟。。。。

如果要想好好的玩响应式，我更建议各位亲们去学学bootstrap很容易上手的，他是用格栅布局，移动优先的方式，把窗口横向分成了12个格格（打个比方松松这页，他分成了三排，两边窄，中间宽，按12个格格的方式就是：3+6+3，CSS名在bootstrap中调用就是 左边col-lg-3 col-md-3 col-sm-3 col-xs-12,中间 col-lg-6 col-md-6 col-md-6 col-xs-12 右边:col-lg-3 col-md-3 col-sm-3 col-xs-12 ，更多可以度娘），再就是一个swiper（一个赂应式的切换组件），一般有这两个，搞一个响应式，很容易滴。

能帮忙做一下网站自适应吗？

我的网站用的自适应模板，不过这网上免费下载来的并不完美，谷歌站长工具还是检测出响应页面布局设计不符合移动端体验，悲催了

如果没有一个伟大的功能响应网站SEO将是非常艰难

响应式布局真的很完美的

响应式测试推荐 跨屏测

哈哈 有价值的文章 真准备个人皇冠体育官网用您的主题呢

还是不太明白啊

想问一下，松松，网站手机端的头部为什么不添加导航栏呢

谢谢，看来吾辈还得继续努力学习！

搜索引擎和浏览器能不将就就不将就，最终肯定是要和国际接轨的。改革开放是大势所趋，我13亿人民不可能一直陪百度过家家，谷歌才是正道。

新手，对代码就晕！

这个模板以前用过，很不错哦。现在换成了wp皇冠体育官网，一直还未找到喜欢的模板。

厦门突围啊的响应式网站建站平台是自助式网站建站平台，挺不错的，不涉及代码，有兴趣的可以看看 tuweiainfo

希望可以在模板下载里面加入这个响应式网页，快快升级模板吧！

现在很多网站都做不到自适应！

这个真的很有用，值得学习。

感谢卢老师的分享，学习了！

我就是个外行菜。。请教一个问题，就是响应式布局和html5的关系，看了看国外的网页设计貌似两者是相对应的，是不是html5在这方面是有优势的？大神们能否给扫扫盲 谢谢！

对于我的这个网站，不知道能不能做到，请大神们给个指点 sydnajd

是啊，暂时用不了，只能等以后松哥更新了主题再用了。

啥时候研究出来了，还请在你皇冠体育官网分享给大家哦，让我们这些使用松哥这个主题的人也都能用上。

我很期待松哥这个主题啥时候能够升级为响应式，那时使用这个主题的所有朋友都可以使用上了。

非常感谢，学习了。

谢谢，看来吾辈还得继续努力学习！

暂时不共享，需要付费购买的！

文章不错，看了很多，受益非浅

html5+css3打造属于你的响应式网站

还是用bootstrap省心一些吧

网站的内容的确不错，粘在这里看了好多偏，还收藏了，明天接着看。
newzaiku新仔裤

这个网站真不错，点个赞吧。

文章不错，很实用，同意点赞。

学习了 高手在民间啊

文章很不错，技术型人才可以试试，感谢分享，值得赞一个！

我之前不知道怎么设计网页看了皇冠·体育(中国)官方网站-Crown Sports的写的文章现在会了

看起来挺复杂啊，感谢分享！

看起来挺复杂啊，感谢分享！

博主大牛！受教！

查询浏览器宽度，改变css

非常好，不懂代码，不过非常喜欢

学习了 高手在民间啊

这篇文章可以说是我的大爱了。本人是做网赚的。也一直想要个响应式页面。设计分享。

松松肯定不会看到我的回复，哈哈

谢谢！好心人~

请教一下松哥，“使用asp版皇冠·体育(中国)官方网站-Crown Sports主题的朋友，可以直接把本站的CSS拿去用”，不行啊！模板文件和松哥的有很多不同，直接应用不行啊，希望可以在模板下载里面加入这个响应式网页，快快升级模板吧！

感觉看起来有点复杂，就不操作了

我的是松松模板 可以直接用吗
css直接加进去就可以吗

对于我的这个网站，不知道能不能做到，请大神们给个指点

对于网络新手，这文章我确实看不懂

响应式网页很不错哦！就是不懂怎么弄

建议直接添加到模板升级里，自己修改好复杂，又会出错

很不错哈 可惜我是wp

正需要这个呢，自己修改有点难度

我替松哥解答一下吧，在他的一篇文章中提到过，没记错的话好像是华夏名网的主机。另外，从松哥皇冠体育官网的流量来看，主机应该不会很便宜的，价格可能最少在3，4千元左右吧？只是猜测，不对请勿拍砖！

discuz的有相关的模板,好像管理后台就可以直接设置,到 【界面】--->【风格管理】中看看。

浏览智能了,站长颓废了,太多的技术需要了解需要不断学习,稍微停下就要落后了
相信今后定会有更先进的网络技术出现,能把站长朋友从技术困围中解救出来

你有什么想法吗?
给大家分享一下!
这个比多少$Money更有吸引力!

这个不好学呀

羡慕你们这些技术大牛哟

我们的站用的就是响应式的，的确很好！

又来学习了，真心不错！！

又学习了，真心不错！！

松哥真实牛，多么复杂的东西，在你文字里就是玩具一样作用自如。

有一点不好的就是，响应设计调用图片的时候调用的是同一张图片，手机打开会比较耗流量，速度也会慢一些

这个绝对是不错的选择

虽然有些看不懂，就当路过学习下吧。。。。。。

这种既满足用户体验，也是网站发展的趋势吧

感谢松哥的分享了。代码已拿去研究！

对于我们这种代码白痴来说，难度太高了，完全看不懂啊

我的网站就是用的这个模板。感觉很好，就是主机太差啊。

花了一个晚上终于完成响应式了，感谢松哥的教程，我现在直接吧wap插件删除了。
其中的导航js我加载了无法完成下拉菜单，不知道松哥什么时候贡献下。

我的手机是35寸的屏，您的字体显示的太小，还要放大才可以看，不比卢老师的好。

响应式网页优点有以下几个：
1、对用户友爱，针对不同分辨率，操作方便；
2、积累分享：可以让网站通过单一的URL地址收集所有的社交分享链接。
3、无重定向：响应式Web设计最大的优点之一是，你不必在乎任何重定向，它包含无用户代理定向。
4、更少维护
5、开发、维护、运营成本优势：页面只有一个，只是针对不同的分辨率、不同的设备环境进行了一些不同的设计，所以在开发、维护和运营上，相对多个版本，能节约成本。

响应式网页缺点有以下几个：
1 页面加载的代码多了，导致文件增大了，影响加载速度。为了适配不同的设备，响应式设计需要大量专门为不同设备打造的css及js代码，这影响了页面加载速度。尤其是js代码，若处理不好，在配置低的机子上浏览会很卡。虽然可以通过某些技术选择性地加载响应式设计代码，但浏览器对这方面的机制支持还不够完善。
2 在响应式设计中，图片、视频等资源一般是统一加载的，这就导致在低分辩率的机子上，实际加载了大于它的显示要求的图片或视频，导致不必要的流量浪费，影响加载速度。虽然现在有各种智能判断设备特性而加载不同图片或视频的技术，但浏览器支持同样不够完善。
3 对大型门户或电商网站来说，响应式设计目前确实不太适合。因为响应式设计的基本原则是不会因设备不同而给予用户不同的内容（比如在低分辩率设备上删减某些内容），而大型门户或电商网站的单页内容非常多，当缩减到低分辨率设备上，又要保证内容全部可浏览时，必然导致页面拉长，浏览困难度增加。所以很多大型门户或电商网站都会提供一个移动设备版的网站，或者干脆直接让用户缩放网页进行浏览。
为不同的设备提供优化的浏览体验，这个肯定是网站开发所追求的目标，也是网站技术发展的趋势。但响应式设计只是实现这一目标的其中一个手段，只适用于某些类型的网站（皇冠体育官网，新闻资讯类），不可一概而论的。

discuz的怎么弄呢？

还是看不懂，一片糊涂！

卢大师，你用的是哪里的空间啊，速度比较快，推荐给我用下啦~谢谢~

这些做大做强了确实还是蛮不错、、

好牛呀，会技术就是强！

有时间也研究下这种响应式网页，现在网站使用siteApp页面显示不理想

具体实施起来还是需要很多知识点这只是最后呈现的效果

现在流行这种

这个还不错，果断分享~

那么问题来了,哈哈哈

还是松松好，什么都拿出来分享。

这个倒是可以。记得刚到这个网站的时候还没有这个设计。今天听了刚发现

不错，discuz要是实现就好了

厉害，学习下，这个技术很以后很长时间是非常实用的。

为啥看不到我的评论，要审核吗

这个是不错的技术，学习了。

可惜了，对代码不熟悉

好嘛 来看看 了解学习一下

不错 点赞

张力一样的皇冠体育官网网页，看上去特别的美观。而且我还发现一个问题，360搜索引擎特别喜欢WP程序网页，我的网站是从ASP改版的。360直接把关键词排在首页第一位了。

松哥网站广告蛮多的，不知道一个月收入多少呀

没学会

这个技术性很强额

我的也是响应式主题