Css 以%表示的宽度和以px表示的宽度之间有什么区别？

如果要创建一个div，它是另一个div的子div，我应该将其宽度设置为px还是%以设计响应性网站。
您能告诉我哪一个是最好的吗？

如果您在

px

中定义它，它将具有固定的宽度。但是，如果您在

%

中定义它，它将与te屏幕的宽度（或包含的元素）相关。我更喜欢使用

%

，因为它保证它在每个屏幕上（相对地）看起来都一样。因此，它提供了更多的可伸缩性。

像素是一个绝对长度。1像素等于1/96英寸。百分比是相对于另一个值的。1%是另一个长度的1/100，例如，100像素分频器的50%是50像素

百分比值始终相对于另一个值，例如a 长度。每个允许百分比的属性也定义了值 百分比所指的。该值可能是另一个值 相同元素的属性、祖先元素的属性或 格式化上下文的值（例如，包含 块）。为根的属性设置百分比值时 元素，百分比定义为引用继承的 某些属性的值，结果值为百分比倍 该属性的初始值

---

请参考%s，因为它将创建与父div相关的元素，并使您的设计设备独立。如果您使用px，您的div宽度/高度将是固定的，并将使您的设计设备依赖。由于分辨率的差异，我的设备的1像素可能与您的不同。此外，如果您调整浏览器大小并检查设计是否已完成，则您的设计将随着您对浏览器窗口大小所做的更改而调整。然而，对于px，它将保持不变。

Zain

你的问题是非常复杂的，如果你仔细看的话就不会那么复杂了。“冰山”问题。
至于我，这取决于你的

div

应该是什么样子。
对于响应性设计和

位置：相对

是关于

%

的，但是如果您有特定的设计，请使用

px

无论如何，现在要构建复杂的结构，需要使用类似于

引导
的模块

根据我的经验，我更喜欢在静态和响应模板中使用
%
，在动画和类似动画的模板中使用
px
。
像素（px）：像素是屏幕媒体中使用的固定大小单位（即在计算机屏幕上读取）。一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小部分）。许多web设计师在web文档中使用像素单位，以便在浏览器中呈现站点时生成其站点的像素完美表示。像素单元的一个问题是，它不能向上扩展以适应视障读者，也不能向下扩展以适应移动设备

百分比（%）：百分比单位与“em”单位非常相似，只是有一些基本区别。首先，当前字体大小等于100%（即12pt=100%）。使用百分比单位时，您的文本对于移动设备和可访问性保持完全可扩展

“Ems”（em）：em是一种用于web文档媒体的可扩展单元。em等于当前字体大小，例如，如果文档的字体大小为12pt，则1em等于12pt。Ems本质上是可伸缩的，因此2em等于24pt，.5em等于6pt，等等。由于可伸缩性及其对移动设备友好的特性，Ems在web文档中越来越流行。
1 em的值与100%的值的含义相同。但你也可以用相反的方式说：一个百分比值就是em乘以100

点（pt）：点传统上用于打印介质（任何要打印在纸上的东西等）。一点等于1/72英寸。点与像素非常相似，因为它们是固定大小的单位，无法缩放大小



如果您需要调整某个对象的大小以匹配图像，或者如果您想要一个薄边框，则像素非常有用。像素依赖于浏览器。它是您在屏幕上看到的绝对大小。
您可能需要通过以下步骤：

另外，这里有一个非常酷的解释，
%
更适合于响应性设计，您可以使用
px
固定大小的元素，大多数
px
用于
@媒体内部
queries@ZainFarooq你应该向所有人表示感谢，因为这完全取决于你的设计。具有响应性布局并不一定意味着您不能或不应该使用像素。如果您的查询已解决，您应该接受答案。
%
可以相对于屏幕的宽度，但更重要的是相对于屏幕的父元素（包含所述元素的元素）而
vw
仅与屏幕宽度相关。@zer00ne确实如此！编辑它。如果一个div是body的子对象，那么它的面积应该以%或px设置在哪个单位，它的位置应该是相对的还是绝对的？我更喜欢在那里使用一个
相对的
选项，因为对于我来说，DOM中的所有对象都是相互依赖的，从这个想法你可以更进一步
absolute
类似于一个指定某些定位的工具，它应该来，而不是
relative
。至于px或%则取决于主题：宽度：%height:px边框：px字体大小：em | | rem | |任何类似的%