首页 新闻 会员 周边

响应式网页中 @media only screen 和 document.documentElement.clientWidth 有哪些区别？

0
悬赏园豆：10 [待解决问题]

同样都可以实现一样的功能，一个是CSS实现，一个是JS实现，有哪些区别？

红红火火恍恍惚惚惚的主页 红红火火恍恍惚惚惚 | 初学一级 | 园豆：175
提问于：2016-06-11 11:45
< >
分享
所有回答(1)
1

区别有很多。例如 @media only screen下直接写css样式，js得需要加载半段才会相应，在一个就是兼容的问题，

 document.documentElement.clientWidth半段响应式，不如 @media only screen方便但是兼容性好

Cuntain√ | 园豆：332 (菜鸟二级) | 2016-06-11 17:35

这样写是不是和@media only screen一样的效果，$(function(){ 里面触发的

1 $(function(){
2     if (document.documentElement.clientWidth < 600) {
3         $('.side').addClass('xxx');
4     }
5 })
支持(0) 反对(0) 红红火火恍恍惚惚惚 | 园豆：175 (初学一级) | 2016-06-11 22:37
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。