jQuery可以通过width属性与height属性来获取屏幕分辨率,然后使用if else语句来实现不同分辨率调用不同css样式。
jQuery根据分辨率不同调用不同css实现代码:
$(function () {
if ((screen.width == 1024) && (screen.height == 768)) {
$("#xx").height(500);//此分辨率下你需要的操作
} else if ((screen.width == 1360) && (screen.height == 900)) {
$("#xx").height(700);//这个分辨率下你的操作
} else {
$("#xx").height(500);//默认操作
}
});
上面的代码使用width属性与height属性来获取屏幕分辨率。然后使用if else语句来实现不同分辨率调用不同css样式。
height 属性声明了显示浏览器的屏幕的高度,以像素计。
语法:screen.height
width 属性声明了显示浏览器的屏幕的宽度,以像素计。
语法:screen.width