首页 新闻 搜索 专区 学院

响应式网页中 @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 }) 
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册