关于js判断页面宽度加载不同css的信息

怎样用js判断不同的电脑屏幕分辨率大小然后调用不同的css样式

1、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

2、html代码：此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。

3、根据不同的分辨率，引入不同的css样式表 这个方法和方法一相同，也是通过判断电脑的分辨率，来引入相对应的css样式表。

4、一般是根据不同分辨率来调用输出不同的css 来达到自适应。除非您的页面复杂得无法通过css 重写来达到，只有靠新页面来实现就用跳转。但是现在的网站都是通过输出css来做的了 像京东 tmall都是。

相关问答

Q1: 如何用JS根据屏幕分辨率选择不同的CSS?

1、html代码：此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。

2、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

3、用@media就行了。当然JS来获取分辨率来调用不同CSS也是可以但是，麻烦，需要写不同CSS。

4、这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。 我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。

Q2: 根据屏幕分辨率加载不同的CSS和JS

用if else 来判断，给设置一个ID，再根据setAttribute改变src的属性。

我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。注意这里的js一定要写在标签里面，这样在加载页面内容之前，可以提前把css样式表加载出来。

下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。但是用js有一个缺点就是如果你在1400屏幕添加对应的class之后，如果你此时缩小窗口，样式依然还是1400的，除非重新刷新页面。

分辨率可以从显示分辨率与图像分辨率两个方向来分类。显示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少。

Q3: 不同分辨率js调用不同css问题

1、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

2、这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。但是用js有一个缺点就是如果你在1400屏幕添加对应的class之后，如果你此时缩小窗口，样式依然还是1400的，除非重新刷新页面。

3、当然JS来获取分辨率来调用不同CSS也是可以但是，麻烦，需要写不同CSS。

4、这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。 我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。

关于js判断页面宽度加载不同css和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。