如何在新平板电脑上使用高分辨率?

How can I use the high resolution on new tablets?

我有一个为 1920px 宽屏幕构建的网站(外联网应用程序),因为它需要同时显示大量信息,而且具有该分辨率的桌面显示器很容易获得且便宜。

客户现在想购买一台平板电脑以便在旅途中使用该网站。当然,我们很高兴看到新系列的平板电脑(例如三星和苹果)的分辨率远远超过这个水平。但是,我在一家商店对这些平板电脑进行了一些测试,看起来那些宣传的显示分辨率都是骗局,因为它们不会显示超过 907 像素的宽度。

我知道 Apple 是如何销售视网膜屏幕的...但您无法解释为什么所有平板电脑品牌现在都可以开始销售分辨率越来越高的平板电脑广告,而浏览器中的网站永远无法显示超过我们都习惯的默认低分辨率。

有没有办法让平板电脑上的浏览器支持宣传的全分辨率?就像 div 250px 宽,无论你做什么都不会超过屏幕宽度的 1/4!

客户会购买任何有用的东西,所以没有偏好 Android 或 IOS。

听起来你处理的是设备像素比,根据这里问的问题可以处理,但不推荐:

Tablet's scaling my web page by 1.5x causing layout issues

何多米尼克,

你试过媒体查询吗? 所以你可以说当屏幕的宽度像 240 时不要这样做..

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

我希望这是您要搜索的地方。

您也可以使用 ctrl+shift+m​​ 查看自定义分辨率 (Firefox)。

经过一整天的测试,我终于弄明白了。

由于像素比例有点放大您的页面,您需要缩小,但默认情况下似乎不允许您缩小到 1 倍以下。因此,我在元视口标签中添加了一个小于 1 的初始缩放,让您可以完全控制要缩小到多远,以抵消浏览器实现的像素比率。

<meta name="viewport" content="width=device-width; initial-scale=0.4;" />

当然,这在各种设备上使用时并不直接适用,因为缩放级别总是不同的...但正如我在问题中提到的,它是一个外联网应用程序。

也许也有办法解决这个问题,使解决方案更加完美。我很乐意接受这个答案 "preferred" 那么。