- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如果我指定 <div>
的宽度使用 CSS 标记为 96px,在第一代 iPhone 的屏幕上应该占用多少设备像素?
我添加了 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
到页面,在模拟器上截图,测出div
为 96 设备像素宽。现在,我读了 W3 spec for CSS pixels它指出 1px 是 1/96 英寸。所以 96 CSS 像素应该转换为 1 英寸。由于原始 iPhone 有一个 DPI of 163 ,屏幕上的一英寸应占用 163 个设备像素。为什么我没有得到那个测量值?换句话说,96 个 CSS 像素应该等于 1 英寸吗?
我看到规范还提到锚定到引用像素。在我看来,在这种情况下,引用像素只是一个设备像素。如果我要逆向工作以从屏幕截图中获取 CSS 像素值,假设一个设备像素等于 iPhone(非视网膜显示屏)上的一个 CSS 像素通常是否正确?
最佳答案
Iphone 像素与任何其他像素一样。 96 像素宽 <div>
在任何设备中始终为 96px 宽。 DPI(Dots Per Inch)只是告诉您屏幕(或纸张)上的物理像素(点)与英寸之间的比率,并不代表任何尺寸。 DPI 只是像素与现实世界测量单位之间的比率。
A 96px div
在 50 DPI 屏幕上看起来比 300 DPI 屏幕大 6 倍。
DPI 因设备或打印/扫描质量而异,因此 1 英寸并不总是等于 96 像素。 W3C 只是说绝对长度单位是固定的相对于彼此(这只是使 CSS 单位一致的任意近似值)。这并不意味着可以为现实世界的测量单位(英寸、厘米)指定与像素的固定比率。
我能帮助您理解这一点的最好方法是 1px 仅且始终等于 1px。像素和现实世界单位之间的任何比较都取决于特定设备的 DPI,而不是像 W3C 这样的标准。
The absolute length units are fixed in relation to each other and anchored to some physical measurement. They are mainly useful when the output environment is known.
关于iphone - iPhone 上的 CSS 像素与设备像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12735997/
为什么这个脚本不起作用?仅当页面宽度超过 915 像素时,我希望单击按钮时滚动页面 100 像素。我试图通过仅在宽度超过 915 像素时允许该函数运行来实现此目的,但它没有发生。怎么办? $(docu
我需要您帮助我建立一个网站。我是一个新手,已经得到了一个设计为 900 像素宽的主体,但他们给了我一个 1200 像素宽的图像。他们希望图像跨越整个 1200 像素的宽度,因此页面两侧基本上会有 30
我有一个在 y 轴上展开的 UIScrollview 并调用这个委托(delegate)方法: -(void)scrollViewDidScroll:(UIScrollView *)scrollVie
我有一个固定的标题这个标题在我滚动时改变高度和图像标志但是当我调整窗口大小时我希望图像保持比例但随着我缩小浏览器而变得更小标志只有在限制时缩小浏览器靠近图像,但我希望在调整浏览器大小时图像变小。 我该
在我的项目中,我使用 ArcGIS API for JavaScript https://developers.arcgis.com/javascript/但是对于(在这里插入非常大的坏词)我无法覆盖
有没有办法使用 jQuery,根据窗口滚动的距离做不同的事情? 这是我现在使用的代码; $(document).scroll(function() { // If scroll distanc
这基本上是 Jetpack Joyride 中运动的基本版本,但不是 Joyrider 以每秒 100 像素的速度下降,而是字母“x”从控制台的正中间以每秒 100 像素的速度下降和点击事件会导致它以
我像这样处理 MINMAXINFO: case WM_GETMINMAXINFO: { LPMINMAXINFO p_info = (LPMINMAXINFO)lPar
我对 javascript 有点陌生,我一直在查找 documentElement、clientWidth 和 clientHeight 并试图找出为什么它将我的 Canvas 设置为 300px x
我正在编写一些软件来读取 DICOM 文件,但我不确定如何处理具有未定义长度的标签。标准是这样说的 “如果值字段具有显式长度,则值长度字段应包含等于长度(以字节为单位)的值 值字段。否则,值字段 有一
我对 OpenGL 有点陌生,但我很确定我的问题在于所使用的像素格式,或者我的纹理是如何生成的...... 我正在使用 16 位 RGB5_A1 像素格式在平面 2D 四边形上绘制纹理,但在这个阶段我
有没有办法获取直播电视流,例如在像素级别上进行分析。 我的目标是检查直播电视流(例如使用java),例如广播电台 Logo 是否可见。 有机会通过 Google 电视观看此直播吗? 是否有机会通过笔记
我正在尝试构建一个函数,它以给定角度从特定坐标延伸,并循环遍历该线上的像素,直到遇到黑色像素. 如果角度为 180 度,这很容易实现。在这种情况下,搜索只会向下扩展,在每次迭代中将列坐标加 1。然而,
我已经研究了一段时间,但找不到任何解决方案。 这是我的代码 如果您将此代码复制并粘贴到本网站的 HTML 区域:http://jsfiddle.net/T3Nnu/3/ 如果您查看 Facebo
我有一个网页 - http://bit.ly/YHFX5B如果你看一下页脚,你会发现它后面有一些额外的白色像素/线条。我不明白他们是从哪里来的。 请告知他们可能来自哪里。 谢谢,丹 最佳答案 在 #f
如何在没有状态栏和操作栏的情况下获取屏幕高度(像素)或者如果有人告诉我如何获取状态栏和操作栏的高度,它也会有所帮助。我已经找到了屏幕高度,但它包括状态栏和操作栏.我将支持库 v7 用于操作栏。我在网上
Java 字符串根据宽度(像素)换行 在一些场景下,我们经常会通过判断字符串的长度,比如个数来实现换行,但是中文、英文、数字、其实在展示的时候同样长度的字符串,其实它的宽度是不一样的,这也是们我通
我创建了一个不错的简单可扩展列表。它应该像单选列表一样工作,您应该只能选择一个元素。我还没有实现这部分,因为我对列表的大小有疑问: class ExpandableListRadio extends
我使用以下代码滚动到元素顶部,但我想滚动到元素顶部上方 10px,不知道如何执行此操作,有什么建议吗?谢谢! $('html, body').stop(true,true).animate({
我有一个链接,可以在滚动时更改其垂直位置。当我点击此链接时,我想(平滑地)转到页面上的某个位置,该位置距离页面顶部正好 1080 像素。 我无法实现它,希望有人能帮助我。 链接: 脚本: $(do
我是一名优秀的程序员,十分优秀!