html如何分别调用不同的css,jq如何根据分辨率不同调用不同的css?

该博客介绍了如何利用jQuery的width和height属性获取屏幕分辨率,并通过if-else语句判断不同分辨率下执行不同的CSS样式操作。例如,当分辨率为1024x768时设置某个元素高度为500像素,分辨率为1360x900时设置为700像素,其他分辨率则采用默认的500像素高度。
摘要由CSDN通过智能技术生成

jQuery可以通过width属性与height属性来获取屏幕分辨率,然后使用if else语句来实现不同分辨率调用不同css样式。

376cf5a5c79bb9c0461a6edce67237a4.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值