ps中的px是啥意思

Posted 2023-05-18

px：
即像素，1px代表屏幕上一个物理的像素点；
要看分辨率是多少，如果分辨率是72 像素/cm ，500PX相当于7.64厘米。如果分辨率是35.5 ，那么500PX就是14厘米 ；如果分辨率是32 ，就相当于15.62厘米。

px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大小可能不同dp：
这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关，所以首先我们解释一下什么是像素密度。假设有一部手机，屏幕的物理尺寸为1.5英寸x2英寸，屏幕分辨率为240x320，则我们可以计算出在这部手机的屏幕上，每英寸包含的像素点的数量为240/1.5=160dpi（横向）或320/2=160dpi（纵向），160dpi就是这部手机的像素密度，像素密度的单位dpi是Dots Per Inch的缩写，即每英寸像素数量。横向和纵向的这个值都是相同的，原因是大部分手机屏幕使用正方形的像素点。
不同的手机/平板可能具有不同的像素密度，例如同为4寸手机，有480x320分辨率的也有800x480分辨率的，前者的像素密度就比较低。android系统定义了四种像素密度：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi），它们对应的dp到px的系数分别为0.75、1、1.5和2，这个系数乘以dp长度就是像素数。例如界面上有一个长度为“80dp”的图片，那么它在240dpi的手机上实际显示为80x1.5=120px，在320dpi的手机上实际显示为80x2=160px。如果你拿这两部手机放在一起对比，会发现这个图片的物理尺寸“差不多”，这就是使用dp作为单位的效果。 参考技术A 像素(单位) 参考技术B 回答

很高兴为您解答疑惑照片尺寸的px的意思是：像素(Pixel)，每个像素是数码图片里面积最小的单位。像素越大，图片的面积越大 。像素是指由图像的小方格组成的，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素，它是以一个单一颜色的小格存在。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的大小。在计算机编程中，像素组成的图像叫位图或者光栅图像。光栅一词源于模拟电视技术，位图化图像可用于编码数字影像和某些类型的计算机生成艺术。如果有不明白的地方可以继续问我，我一直都会为您提供服务，祝您生活愉快！

CSS中的笑脸“:)”是啥意思？

【中文标题】CSS中的笑脸“:)”是啥意思？

【英文标题】：What does the smiley face ":)" mean in CSS?CSS中的笑脸“:)”是什么意思？

【发布时间】：2014-10-16 03:34:41

【问题描述】：

我在一个项目中发现了这段 CSS 代码：

html, body  :)width: 640px;

我已经使用 CSS 很长时间了，但我以前从未见过这个“:)”代码。这意味着什么还是只是一个错字？

【问题讨论】：

对我来说看起来像是一个错字。开发人员试图变得有趣，或者可能是一种让他标记他或她将要查找的代码区域的方法？

@stijn 仍然可能是一些奇怪的供应商特定代码...

@series0ne 我认为您从未见过 Internet Explorer 星号黑客攻击。

如果这确实是浏览器破解，您需要在 CSS 文件中添加注释来解释这一点。

我的猜测：代码作者键入 :) 认为重点是 IM 客户端。当不是他们点击进入 IM 客户端并从那里开始时，他们从未意识到他们在光标所在的最后一个位置输入了一个笑脸，也就是 CSS 文件。

【参考方案1】：

来自article at javascriptkit.com，适用于 IE 7 及更早版本：

如果您在属性名称前添加星号 (*) 等非字母数字字符，则该属性将应用于 IE 而不是其他浏览器。

还有一个针对 IE 8 的 hack：

div 
  color: blue;      /* All browsers */
  color: purple\9;  /* IE8 and earlier */
 *color: pink;      /* IE7 and earlier */

但这不是一个好主意，他们不会验证。您随时可以使用Conditional comments 来定位特定版本的IE：

<!--[if lte IE 8]><link rel="stylesheet" href="ie-8.css"><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="ie-7.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="ie-6.css"><![endif]-->

但是对于那些想真正看到黑客攻击的人，请在您拥有的最新版本的 IE 中打开this page。然后通过执行 F12 进入开发者模式。在 Emulation 部分 (ctrl+8) 将文档模式更改为 7 看看会发生什么。

页面中使用的属性是:)font-size: 50px;。

【讨论】：

我知道选择器之前的“_”和“*”，但不是你说的这个。

@vlrprbttst 这些是用于方便的常规字符。但是它总结了所有非字母数字值。

我将此答案标记为正确，尽管 salman-a 也是正确的，但速度稍慢。我知道这个黑客，但总是使用“*”。做这个页面的人是个小丑；）。

我可能傻到错过了这里的东西，但为什么他可以用2个字符来做呢？它说“添加一个非字母数字”，而不是“添加一个或多个......”。还是: 有别的意思？不然不能放*********************font-size: "150%";之类的吗？

只是为了给这个答案增加额外的部分。答案很好而且正确，但忽略了这不是最佳实践的事实。作为一般规则，您应该尽最大努力在您的用户群使用的所有浏览器中提供最佳体验。更不用说，在我看来，您不应该支持制造它们的公司不再支持的浏览器。

【参考方案2】：

它看起来像是针对 IE7 和更早版本浏览器的 CSS hack。虽然这个是无效的 CSS 并且浏览器应该忽略它，但 IE7 和更早版本会解析并遵守这个规则。下面是这个 hack 的一个例子：

CSS

body 
    background: url(background.png);
    :)background: url(why-you-little.png);

IE8（忽略规则）

IE7（应用规则）

请注意，它不一定是笑脸； BrowserHacks 提及：

这些字符的任意组合：! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > | [在属性名称生效之前] Internet Explorer ≤ 7

---

The GAH hot dog stand example is here.

【讨论】：

GAH 热狗摊倒叙

是的，从 IE8 及更高版本 IE 认为自己是 CSS 兼容的，并且一点一点地破坏了所有 IE 特定的 CSS 修复。 （因此我们需要求助于 javascript 解决方案）

所有网站都应该为所有

@ikkuh 公平地说，IE11 是一个相当不错且兼容的浏览器。他们放弃对 IE 条件 cmets 的支持是有原因的。

@apj15243 是的，他们已经走了很长一段路，希望他们能继续前进，事实是我仍然需要有条件的支持，不仅是 IE11，还有 10,9 和 8 . 所以让我们也希望自动更新，除了商业原因，没有理由不在 XP 上运行 IE11。但这是一个不同的讨论。