本文对比了天猫和土豆网站的响应式设计实现方式。天猫通过隐藏列适配小屏，而土豆则通过body元素的类名变化适应不同屏幕尺寸。文章还探讨了两种方案在IE浏览器中的表现。
我们先来观察下面两张天猫的图片
1、
2、
我在图片上面标注了一个红色的框，这两张图片就是天猫的响应式首页
天猫做的效果是在比较小的屏幕上面将其中的一列隐藏，从而达到在一些屏幕比较小的地方也可以正常查看效果
但是另外的土豆的网站却不是这样的效果
它是通过body添加、删除class来处理，具体有没有使用响应式我也不是很清楚
<body class="w992">
<body class="w1216">
这样土豆网站上面的网站就可以适应大屏的屏幕，中间屏幕的大小
不过天猫的可以在ie系列当中使用响应式，不是到是否使用的respond.js或者是css3-mediaqueries.js这两个文件可以在IE系列当中支持@media的属性
土豆的也可以在ie系列当中实现
扫一扫
1432
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
