js读取图片的分辨率，js读取图片blob

怎么让浏览器根据不同分辨率加载不同的js文件或者函数,类似于css的@...

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

JS文件是HTML一开始就要加载的到缓存的，你不能动态加载，你只能在HTML body onload时间中获取当前显示的大小然后根据这个大小来判断你要展示的图片大小。

第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如： 然后每个div里面的元素再具体设置宽度。第二种办法，如果你要针对移动端用户，可以使用响应式web设计。

在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。

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

相关问答

Q1: 怎么用js获取手机屏幕的分辨率

1、屏幕设置 window.screen.devicexdpi 像素/英寸 分享一些js判断屏幕分辨率的代码。

2、图片宽度设成100%，理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图，jpg之类的是没办法满屏的，320的时候满屏了，横过来看480的时候，高度又少了，可视区外还有一截。

3、以上标签只支持一种尺寸，正确的做法是用js动态生成下面标签，前提是要先获取屏幕尺寸。

Q2: js如何获取图片显示时的大小尺寸

一般情况下，可以用 complete 来判断图片是否加载完毕。

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

js获取浏览器的宽度和高度，这里只获取可视范围内的宽度和高度。然后将取出的值赋给图片即可。代码如下。

)；alert(rect.width+，+rect.height) //实际显示的高度和宽度，不管是通过css或width属性设置的。alert(img.naturalWidth+，+img.naturalHeight)；//图片的原始高度和宽度，不过旧的浏览器可能不支持。

关于js读取图片的分辨率和js读取图片blob的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。