Css 点单元的Web浏览器支持

Css 点单元的Web浏览器支持,css,pt,Css,Pt,所以我对响应性设计有这个问题。我们应该重新调整不同屏幕尺寸的设计,以便为每个屏幕提供最佳的界面 问题是我不知道如何基于像素来实现这一点。毕竟,基于像素的媒体查询,一些较新的手机看起来比我的40英寸电视屏幕更大。显然这是错误的 我想用点来测量物体的大小,因为点的定义是1/72英寸。所以我应该可以做一个72磅的物体,并期望它是一英寸,但这似乎不成立 有人知道如何使这项工作正常吗?尝试使用“em”而不是点或像素。在body标签上设置字体大小:62.5%;,然后为所有其他元素1em=10px,1.2em

所以我对响应性设计有这个问题。我们应该重新调整不同屏幕尺寸的设计,以便为每个屏幕提供最佳的界面

问题是我不知道如何基于像素来实现这一点。毕竟,基于像素的媒体查询,一些较新的手机看起来比我的40英寸电视屏幕更大。显然这是错误的

我想用点来测量物体的大小,因为点的定义是1/72英寸。所以我应该可以做一个72磅的物体,并期望它是一英寸,但这似乎不成立


有人知道如何使这项工作正常吗?

尝试使用“em”而不是点或像素。在body标签上设置
字体大小:62.5%;
,然后为所有其他元素1em=10px,1.2em=12px

Em是相对单位,所以在上面列出的设置中,所有元素都应该与屏幕大小成完美的比例。只需小心嵌套元素和通用规则,因为您有时会将它们加倍


Dan Cederholm写了一篇

尝试使用“em”而不是点或像素。在body标签上设置
字体大小:62.5%;
,然后为所有其他元素1em=10px,1.2em=12px

Em是相对单位,所以在上面列出的设置中,所有元素都应该与屏幕大小成完美的比例。只需小心嵌套元素和通用规则,因为您有时会将它们加倍


丹·塞德霍姆(Dan Cederholm)写了一篇

ahh,但这并没有告诉我这是一个4“屏幕vs 40”的问题,因为你对72dpi的假设是不正确的,大多数windows的屏幕设置为96dpi。我创建的大多数移动/ipad网站都使用这种技术。看看这里的讨论,你在做@media screen和(最大宽度:980px){}等等来处理屏幕尺寸问题?是的。此外,虽然屏幕可能没有设置为72dpi,但pt正好是1/72.27或1英寸,或者定义为0.3515毫米,这是一个物理测量单位。pt在letraset时代是一个物理测量单位,但它们的数字表示与真实世界的值不匹配。另外当用户+”达到文本大小时,这就被吹出了水面。啊,但这并没有告诉我这是一个4“屏幕vs 40”的问题是你关于72dpi的假设是不正确的,大多数windows都将屏幕设置为96 dpi。我建立的大多数移动/ipad网站都使用了这种技术。看看这里的讨论,你在@media screen和(最大宽度:980px){}等等来处理屏幕尺寸问题?是的。此外,虽然屏幕可能没有设置为72dpi,但pt正好是1/72.27或1英寸,或者定义为0.3515毫米,这是一个物理测量单位。pt在letraset时代是一个物理测量单位,但它们的数字表示与真实世界的值不匹配。另外一旦用户+的文本大小达到,它就会被吹出水面。