如何确定我们拥有的每英寸(或每厘米)像素数(使用CSS / JavaScript / jQuery或其他语言/技术?)

时间:2014-07-14 10:34:52

标签: javascript jquery html css

我遇到了一些针对移动设备和标准PC设计的网站问题(我知道我可以为他们创建单独的网站,但现在不要让这个问题复杂化。)

当我例如将字体大小设置为12px,徽标图像的宽度设置为200px,它在PC上看起来很棒,但在(非常现代的)手机上它不可读(它非常小)。

另一方面,当我将徽标设置为宽度的40%时,它在手机上看起来不错,但在PC上却太大了。我使用的PC屏幕没有更好的分辨率,但与移动电话的屏幕相比它是巨大的(10倍大,不到1.5倍更好的分辨率测量像素)。

所以,我希望我的徽标显示为大约4x4厘米,无论每厘米有多少像素的移动设备或PC屏幕。

为PC / MAC制作网站,我知道当我制作200 / 200px标识时,它将是可见的 - 无论屏幕有多大以及如何&#34,它都需要+/- x / y cm ;良好的"分辨率是(没有那么多差异)。但在移动设备上它的变化非常大。

0 个答案:

没有答案