我正在尝试找到一种方法,使图像在所有设备/浏览器中具有相同的大小(实际 250 像素)。我的问题是设备像素比。在设备像素比高于 1 的设备上,图像显示很小,当您放大时,它会变大(如果您放大到普通浏览器,也会发生同样的情况)。
所以,我的问题是:有没有一种方法可以通过使用 CSS(或不太受欢迎的 JavaScript)来实现恒定(实际)大小的图像?是否可以固定大小并且不允许它变大或变小?
最佳答案
我相信您想要的是设置视口(viewport)的恒定比例。
将此添加到您的 <head>
:
<meta content="width=device-width, initial-scale=1.0" name="viewport">
关于javascript - 尽管设备像素比固定图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25688630/