如果创建一个div是另一个div的子节点，我应该将其宽度设置为px或％来设计响应式网站。
你能告诉我哪一个最好吗？
答案 0 :(得分：3)
如果在px中定义它，它将具有固定的宽度。但是，如果您在%中定义它，它将相对于te屏幕的宽度（或相对于包含元素）。我更愿意使用%，因为它可以保证在每个屏幕上（相对）看起来都一样。因此它提供了更多的可扩展性。
答案 1 :(得分：2)
像素（px）：像素是屏幕媒体中使用的固定大小的单位（即要在计算机屏幕上阅读）。一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小分度）。许多网页设计师在网络文档中使用像素单元，以便在浏览器中呈现网站时生成像素完美的网站表示。像素单元的一个问题是，对于视力不佳的读者而言，它不向上扩展，向下移动以适应移动设备。
百分比（％）：百分比单位与“em”单位非常相似，除了一些基本差异。首先，当前的字体大小等于100％（即12pt = 100％）。使用百分比单位时，您的文本仍然可以完全扩展到移动设备和可访问性。
“Ems”（em）：“em”是一个可扩展的单元，用于Web文档媒体。 em等于当前的字体大小，例如，如果文档的字体大小为12pt，则1em等于12pt。 Ems本质上是可扩展的，因此2em等于24pt，.5em等于6pt等。由于可扩展性和移动设备友好性，Ems在Web文档中变得越来越流行。 1 em的值意味着与100％的值相同。但你也可以用相反的方式说：百分比值只是一个em乘以100。
积分（点）：积分传统上用于印刷媒体（任何要在纸上打印的东西等）。一点等于1/72英寸。点与像素非常相似，因为它们是固定大小的单位，不能缩放。
如果您需要调整尺寸以匹配图像，或者您需要细边框，则像素非常棒。像素取决于浏览器。它是您在屏幕上看到的绝对大小。 您可能需要查看：w3.org manual
另外，css-tricks
是一个非常酷的解释答案 2 :(得分：1)
转到％，因为它将创建与父div相关的元素，并使您的设计设备独立。如果你使用px，你的div宽度/高度是固定的，将使你的设计设备依赖。由于分辨率的变化，我的设备1 px可能与您的设备不同。此外，如果您调整浏览器大小并使用％检查设计，您的设计将随着您对浏览器窗口大小所做的更改而适应。而对于px，它将保持不变。
答案 3 :(得分：1)
扎因！
你的问题在坚果方面非常复杂，如果你仔细观察则不是很多。一个'冰山'问题。
至于我，这取决于你对div应该是什么样子的看法
对于响应式设计，position: relative;约为%但因此如果您使用特定设计px。
无论如何，现在构建复杂的结构使用像bootstrap这样的模块
根据我的经验，我更喜欢在静态和响应式模板中使用%，在模板中使用px，这些模板应该缩小或增加动画和类似的内容。
答案 4 :(得分：0)
像素是绝对长度。 1个像素等于1/96英寸。百分比是相对于另一个值。 1％是另一长度的1/100，例如100px分频器的50％是50px。
百分比值始终相对于另一个值，例如a 长度。允许百分比的每个属性也定义值 百分比所指的。价值可能是另一个的价值 同一元素的属性，祖先元素的属性，或 格式化上下文的值（例如，包含的宽度） 块）。为根的属性设置百分比值时 element和百分比定义为引用继承的 某些属性的值，结果值是百分比次数 该属性的初始值。
http://www.w3.org/TR/css3-values/#percentages
参考Link