Question

ps中px和html中px大小相同吗？

在PS中分辨率72下作图时28px的文字（导出图），和在html中写28px大小的文字（手机浏览器浏览），大小不一样，前者大，后者小，为什么呢

Answer 1

工具不一样，可能有点差异，不影响的，px是像素的意思，基本的属性都需要单位（就像流通货币一样，10元人民币和10美金会因为单位不同，他的价值就不同）
例如：宽度css 是width，你可以写width:100px那么这个css对应的选择器模块的宽度就是100像素，如果你不写px，那么html是解析不了你想让它干嘛（width:100是无效的属性赋值）
但有些css的属性可以不填单位，但是他的意思展示效果也跟着不一样，
就如行高line-height，当你赋值时加上了单位，那么他就是很准确的那个行高，但如果你不给单位，那么这个行高的数字就代表倍数，是根据内容乘以倍数来展示。
所以，html中设置属性时写px和不写的区别很大。

Answer 2

px是pixel的缩写，pixel即像素。像素是相对长度，和分辨率设置有关。和是不是ps软件，还是html页面无关。
因此，在ps软件中所做的图片，保存后放在html页面大小是不变的。不过html页面中可以用css、js等控制显示的图片大小。

Answer 3

原理上是一样的！但是手机的分辨率，比较小，再加上会缩放，所以就会看起啦比较小

Answer 4

是一样的，都是表示设备像素，所以在做前端时可以直接参考psd中的图，然后直接用上去。

Answer 5

一样的，你新建个20px的白的图片，放到html里面，然后在浏览器上f12，就能看。