我正在建立一个具有3列容器且均等展开的响应式网页。为此,我使用以下JS代码:
jQuery(document).ready(function($){
var inHeight = $("#wrapper").innerHeight();
$("#wrapper .col").each(function(){
$(this).height((inHeight+60)+"px");
$(this).find('.content').height((inHeight)+"px");
});
});
演示:http : //jsfiddle.net/VTV6B/2/
现在,我需要做的是将JS更改为目标移动设备,或者将其删除以使每一列独立运行。
如果用户在移动设备上,如何禁用此代码?
要定位移动设备(甚至是最大宽度为X像素的更好的设备),您可以使用$(window).width()
。
但是,代码的实际问题如下:您尝试使用JS使您的网站具有响应性,而应改用CSS媒体查询。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句