我正在使用这个特定的codepen进行工作,可以在这里找到 https://codepen.io/anon/pen/WXgvjR。虽然不是我的代码。
所有功能都很完美,但当我在移动设备上打开页面或将浏览器宽度调整为移动设备大小时,仍会显示一些项超出浏览器窗口的宽度,有没有办法检测移动设备或屏幕尺寸的变化,并只显示下方的内容?
以下是代码pen中找到的调整大小代码,如果有帮助的话:
任何帮助都将不胜感激。
所有功能都很完美,但当我在移动设备上打开页面或将浏览器宽度调整为移动设备大小时,仍会显示一些项超出浏览器窗口的宽度,有没有办法检测移动设备或屏幕尺寸的变化,并只显示下方的内容?
以下是代码pen中找到的调整大小代码,如果有帮助的话:
$(window).resize(function(){
var margin=40;
var padding=15;
var columns=0;
var cWidth=300;
var windowWidth = $(window).width();
var overflow = false;
while(!overflow){
columns++;
var WidthTheory = ((cWidth*columns)+((columns+1)*padding)+margin);
if(WidthTheory > windowWidth)
overflow = true;
}
if(columns > 1)
columns--;
var GridWidth = ((cWidth*columns)+((columns+1)*padding)+margin);
if( GridWidth != $('#grid').width()){
$('#grid').width(GridWidth);
}
});
任何帮助都将不胜感激。