PC端页面适应不同的分辨率的方法
1个回答
展开全部
这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。
我们只需要在我们的HTML页面的<head></head>标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。注意这里的js一定要写在<head></head>标签里面，这样在加载页面内容之前，可以提前把css样式表加载出来。
媒体查询是CSS3的新特性，绝大多数浏览器都可兼容这一特性。这个方法的思路也是根据不同的分辨率，应用不同的css样式。
这个思路和和方法一差不多，或者说方法一的思路和这个思路差不多，毕竟这也是官方的做法。我们有两种使用媒体查询的方式。
1.根据不同的分辨率，引入不同的css样式表
这个方法和方法一相同，也是通过判断电脑的分辨率，来引入相对应的css样式表。
2.在同一个css样式表中，根据不同的分辨率，写不同的css样式
这个方法只有一个css演示表，在这个样式表里面，根据不同的分辨率，写不同的css样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
赛麦吉
2023-06-03 广告
这是一张ISO12233：2000标准的分辨率测试卡，目前已被ISO12233:2014 eSFR分辨率测试卡所取代，但是目前使用ISO12233：2000标准的分辨率测试卡还是比较多。 类型 反射式：由前面照明的反射式测试标板 透射式：可...
点击进入详情页
本回答由赛麦吉提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
