像素的大小与屏幕大小有关吗?

Is size of a pixel relative to the screen size?

我正在创建一个适合移动设备的网站。我已经为所有按钮定义了一个固定大小。

.btn
  min-height:45px

当从大屏幕移动到小屏幕时,像素大小会缩放吗?例如,如果在大桌面屏幕上,45px 占屏幕高度的 1%,在小移动屏幕上是否也会占屏幕高度的 1%?看起来它与屏幕的高度不成比例。我应该以不同的方式解决这个问题吗?谢谢!

不,像素不缩放。如果您希望 html 元素缩放,请使用 vw(视图宽度)和 vh(视图高度)而不是 px(像素)。

没有。它不是。如果你想扩展你的网络应用程序,你应该使用相对单位,如 %vwvh.

您可以阅读更多相关信息 here

并且您可以研究如何在不同大小的视口上查看您的网络应用程序 here

不,像素与屏幕尺寸无关。如果要使用相对后缀,请使用 the % suffix。这将使样式 相对于父元素。 例如,如果父元素是 <body> 元素,那么 width: 100% 将使元素的宽度成为大小页面的。