Css 像素的大小是否相对于屏幕大小?

Css 像素的大小是否相对于屏幕大小?,css,pixel,Css,Pixel,我正在创建一个移动友好的网站。我为所有按钮定义了一个固定大小 .btn min-height:45px 当从大屏幕移动到小屏幕时,像素的大小是否缩放?例如,如果在一个大的桌面屏幕上,45px占据了屏幕高度的1%,那么在一个小的移动屏幕上,它也会占据屏幕高度的1%吗?它看起来与屏幕的高度不成比例。我是不是应该换一种方式?谢谢 否,像素不可缩放。如果要缩放html元素,请使用vw(视图宽度)和vh(视图高度)而不是px(像素)。否,像素不可缩放。如果您想缩放html元素,请使用vw(视图宽度)

我正在创建一个移动友好的网站。我为所有按钮定义了一个固定大小

.btn
  min-height:45px

当从大屏幕移动到小屏幕时,像素的大小是否缩放?例如,如果在一个大的桌面屏幕上,45px占据了屏幕高度的1%,那么在一个小的移动屏幕上,它也会占据屏幕高度的1%吗?它看起来与屏幕的高度不成比例。我是不是应该换一种方式?谢谢

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

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

否。事实并非如此。如果要缩放web应用程序,应使用相对单位,如
%
vw
vh

你可以阅读更多关于它的内容


您还可以研究如何在不同大小的视口中查看web应用程序。

不,不是。如果要缩放web应用程序,应使用相对单位,如
%
vw
vh

你可以阅读更多关于它的内容


您还可以研究如何在不同大小的视口中查看web应用。

不,像素与屏幕大小无关。如果要使用相对后缀,请使用。这将使样式与父元素相对。例如,如果父元素是
元素,则
宽度:100%
将使元素的宽度与页面大小相对。

否,像素与屏幕大小无关。如果要使用相对后缀,请使用。这将使样式相对于父元素例如,如果父元素是
元素,则
宽度:100%
将使元素的宽度等于页面的大小。

45px不会占据相同的屏幕高度百分比,不需要。对于这种类型的屏幕,在标准视距下,要使其尺寸大致相同,还需要更多的努力。人们可以在桌面显示器上选择分辨率,或者选择增加像素大小的辅助功能,这一事实使问题变得复杂。无论如何,你不应该太担心精确的像素高度。更多关于像素的技术方面。。。物理像素和CSS像素之间也存在差异。搜索“CSS像素”、“window.devicePixelRatio”、“Retina display”、“pixel DPI”当然还有“wiki pixel”,如果你想深入研究这个主题,那就开始吧。我认为Prosy Arceno的答案更完整,应该是正确的答案,不是这个。考虑改变你所接受的答案来更好地引导新用户。45像素不会占据屏幕高度的相同百分比。不,有更多的努力使它的尺寸在那种类型的屏幕的标准观看距离上大致相同。人们可以在桌面显示器上选择分辨率,或者选择增加像素大小的辅助功能,这一事实使问题变得复杂。无论如何,你不应该太担心精确的像素高度。更多关于像素的技术方面。。。物理像素和CSS像素之间也存在差异。搜索“CSS像素”、“window.devicePixelRatio”、“Retina display”、“pixel DPI”当然还有“wiki pixel”,如果你想深入研究这个主题,那就开始吧。我认为Prosy Arceno的答案更完整,应该是正确的答案,不是这个。考虑改变你所接受的答案来更好地引导新用户。这会有更多的解释吗?考虑用示例、指南和资源链接来改进你的答案。这会有更多的解释吗?考虑用示例、指南和资源链接来改进你的答案。这应该是我自己诚实的观点的正确答案。这应该是我自己诚实的观点的正确答案。