有没有办法在jquery移动网站上定义最小宽度?

时间:2011-06-04 20:27:34

标签: jquery jquery-mobile

我想在jquery移动网站的页面上定义一个最小宽度,但它似乎无法正常工作。我错了吗?如果页面宽度小于200px,则放置水平滚动条。

感谢。

2 个答案:

答案 0 :(得分:0)

min-width适用于大多数现代移动浏览器。 没有什么是水平和垂直滚动条 - 原则上没有这样的东西。

答案 1 :(得分:0)

对其他智能手机不太确定,但iPhone(较旧的型号)是320 x 480.我真的不认为智能手机上有200px的宽度,但我也可以这样做。

支持的浏览器:http://jquerymobile.com/gbs/

您还可以运行媒体查询或添加断点:http://jquerymobile.com/demos/1.0a4.1/#docs/api/mediahelpers.html

为了利用您自己的宽度断点,jQuery Mobile公开了$ .mobile.addResolutionBreakpoints函数,该函数接受一个数字或数组,只要它们适用,它们就会被添加到最小/最大断点。

//add a min/max class for 1200 pixel widths         
$.mobile.addResolutionBreakpoints(1200);

//add min/max classes for 1200, and 1440 pixel widths           
$.mobile.addResolutionBreakpoints([1200, 1440]);