css高度自适应屏幕_教大家如何自动适配电脑不同尺寸的屏幕,这几种方法就足够...

这一期教大家如何对不通的分辨率进行适配

f98101ff18b5c1fae65e635961f43458.png

我们的电脑分辨率大小不是统一个的分辨率,有的旧的电脑的分辨率很低,有的新电脑分辨率很高,当我们在做界面效果的时候,即使你做了自适应也未未必完全适配屏幕大小,那这个是时候要如何解决这个问题呢?

接下来大家大家介绍几种方式如何自适应加载文件的方式,绝对的干货,喜欢的可以关注哈!

接下来直接上代码演示

1,根据js判断屏幕大小分辨率来自动加载对应的css文件

c4349a7e12159e5cb6410eba569c249d.png

我们首先定义一个函数

function select_size(){

//自动获取电脑屏幕宽度

var pc_width = document.documentElement.clientWidth;

//自动获取电脑屏幕高度

var pc_height = document.documentElement.clientHeight;

判断宽度和高度是否在范围

if((pc_width==1920)&&(pc_height==1200)){

//大尺寸

$("#css").attr("href

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值