像素的大小与屏幕大小有关吗?
Is size of a pixel relative to the screen size?
我正在创建一个适合移动设备的网站。我已经为所有按钮定义了一个固定大小。
.btn
min-height:45px
当从大屏幕移动到小屏幕时,像素大小会缩放吗?例如,如果在大桌面屏幕上,45px 占屏幕高度的 1%,在小移动屏幕上是否也会占屏幕高度的 1%?看起来它与屏幕的高度不成比例。我应该以不同的方式解决这个问题吗?谢谢!
不,像素不缩放。如果您希望 html 元素缩放,请使用 vw(视图宽度)和 vh(视图高度)而不是 px(像素)。
没有。它不是。如果你想扩展你的网络应用程序,你应该使用相对单位,如 %
、vw
或 vh
.
您可以阅读更多相关信息 here。
并且您可以研究如何在不同大小的视口上查看您的网络应用程序 here。
不,像素与屏幕尺寸无关。如果要使用相对后缀,请使用 the %
suffix。这将使样式 相对于父元素。 例如,如果父元素是 <body>
元素,那么 width: 100%
将使元素的宽度成为大小页面的。
我正在创建一个适合移动设备的网站。我已经为所有按钮定义了一个固定大小。
.btn
min-height:45px
当从大屏幕移动到小屏幕时,像素大小会缩放吗?例如,如果在大桌面屏幕上,45px 占屏幕高度的 1%,在小移动屏幕上是否也会占屏幕高度的 1%?看起来它与屏幕的高度不成比例。我应该以不同的方式解决这个问题吗?谢谢!
不,像素不缩放。如果您希望 html 元素缩放,请使用 vw(视图宽度)和 vh(视图高度)而不是 px(像素)。
没有。它不是。如果你想扩展你的网络应用程序,你应该使用相对单位,如 %
、vw
或 vh
.
您可以阅读更多相关信息 here。
并且您可以研究如何在不同大小的视口上查看您的网络应用程序 here。
不,像素与屏幕尺寸无关。如果要使用相对后缀,请使用 the %
suffix。这将使样式 相对于父元素。 例如,如果父元素是 <body>
元素,那么 width: 100%
将使元素的宽度成为大小页面的。