1

我正在制作一个 Web 应用程序，它具有一些非常具体的交互功能，这些功能非常依赖于屏幕尺寸。我计划创建 2 个版本的上述功能，一个用于桌面，一个用于移动。

这带来了目标屏幕尺寸的问题。我决定使用三星 Galaxy Note 作为我将支持这些功能的移动版本的最大屏幕尺寸。但是，为此我需要找出这个屏幕的CSS 像素大小。

如果我知道显示器是 13.46 厘米（5.29 英寸）和 800x1280 像素（285 ppi），我怎么能找到这个？

4

3 回答 3

1

CSS Pixel Device-Width 可以通过将 Pixel Width 除以 CSS Pixel Ratio 并将其四舍五入到最接近的整数来计算。

在这里列出：

http://www.canbike.org/CSSpixels/

于 2015-06-24T05:13:49.630 回答
0

对于您可以使用的移动设备

<meta name="viewport" content="width=device-width, height=device-height" >

并使用设备宽度，如

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}
于 2013-05-23T12:08:09.540 回答
0

如果您知道它的尺寸是 800x1280 像素，那么您可以使用以下命令定位此设备（以及所有更小的设备）：

@media only screen and (max-width: 1280px) {
    *your styles here*
}

还要将此添加到<head>您的页面部分：

<meta name="viewport" content="width=device-width">
于 2013-05-23T11:20:19.083 回答