如何解决网页上的台式机和iPad的图像宽度和高度是否不同?
| 我编写了一个简单的javascript代码来加载图像并警告其宽度和高度,但是发现台式机和iPad的宽度和高度会有所不同。 例如,我加载大小为8000 * 1845的图像,浏览器显示图像的宽度为8000,高度为1845。因此,在iPad上,浏览器显示图像的宽度为2000,高度为462。 另一个图像是2600 * 2400,浏览器显示图像宽度是2000,高度是2400,但是显示图像宽度是1300,高度是1200。 我不知道我是否误会了。 iOS会缩小图像尺寸吗? 有人知道吗请告诉我会发生什么?var img8000 = new Image();
img8000.src = \'8000_1845.jpg\';
img8000.onload = function () {
alert(img8000.width + \' \' + img8000.height);
}
var img2600 = new Image();
img2600.src = \'2600_2400.jpg\';
img2600.onload = function () {
alert(img2600.width + \' \' + img2600.height);
}
解决方法
当您使用
this.width
获得图像的高度或宽度时,或使用jQuery \$(this).width()
获得图像的高度或宽度时,您实际上是在获取其当前尺寸。如果图像按比例放大或缩小,则您获得的值将与实际源图像的尺寸不匹配。
我举了一个可以玩的例子。它是使用onclick预先编写的,但是如果删除那些onclick属性并取消注释jQuery代码,则会发现它会发出相同的值。
您应该尝试通过将图像放置在CSS不影响其尺寸的页面上的某个位置来避免图像缩放(作为测试,请尝试制作仅包含图像的空白页面),并删除任何自定义的height / width属性(如果存在) 。
否则,如果缩放是由iPad Safari浏览器本地完成的,那么您将无能为力。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。