javascript - 尽管设备像素比固定图像大小

标签 javascript android css

我正在尝试找到一种方法,使图像在所有设备/浏览器中具有相同的大小(实际 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/

相关文章:

javascript - JQuery - 在新闻流中切换 div

javascript - 选择后代元素的最佳方法

html - 删除导航栏上方的空白

javascript - ES6 用箭头函数给变量赋值

javascript - 如何在 backbone.js 中处理 View 之外的对象事件?

android - 在 list 和源代码 android 中隐藏 API key

android - 我的代码中的语法错误,Android application-ping IP

javascript - 我应该将 deviceready 放在多页 PhoneGap 应用程序的什么位置?

html - 未从链接的样式表应用新的 css 定义

css - 背景图像不显示在 css 代码中