网页设计中的硬编码“宽度”是否可以接受？

Question

这是我第一次使用WebDesign进行体验，我设计了一个带有文本框，标签等的表单......并且有一个问题：为这些控件设置硬编码宽度是否可以？或者我应该在其他地方使用其他技术，例如DIV和不同DIVS的百分比？

Answer 1

应尽可能使用外部CSS文件。我看到的唯一例外是涉及JavaScript时，因为它会在修改元素时设置内联样式（这样，你可以做的事情不多，所以它是例外）。

内联样式不受欢迎，因为

• 它只会影响该元素，只要您有另一个需要相同样式的元素，它就会变得无用。
• 它使您的代码很难维护，因为当所有内联都必须触摸每个文件以进行更改。
• 它破坏了级联样式表的级联部分的目的（内联样式总是比非内联样式具有更高的优先级），并且在尝试更改外部样式时可能会导致意外结果并且某些内容未发生变化
• 大多数元素的width=100px之类的东西都被W3C弃用或至少不鼓励。
• 违反了演示文稿和内容的分离。
• 导致大量复制，这违反了DRY原则。

Answer 2

这个问题需要澄清，你不是指使用固定的像素尺寸而不是百分比，这些尺寸的定义是在样式表还是代码中？

这样说，有很多东西是硬编码的，宽度和高度尺寸都是石头铸造的。然而，人们发现这些策略可以使这些页面在6英尺远的眼球和宽度为1英寸的眼球的手机上适用于宽屏电视。我的建议是专注于表单的可用性，让“形成跟随功能”。

Answer 3

这些日子一般都不赞成，但人们很快就会对任何不具有“液体”或“流动性”的布局蔑视自动调整柱等。

如果您的布局需要它（网格，表格等），那么固定宽度是完全可以接受的 - 只要确保您在CSS文件中尽可能多地进行操作，它将更容易维护而不是内联。

Answer 4

在大多数情况下应该避免这种情况，因为如果您想要更改布局，以后会为您做更多的工作。此规则的一个例外是未用作用户界面一部分的图像，因为它们都倾向于具有不同的大小。

Answer 5

始终使用CSS来设置任何尺寸，这样您就不必编辑HTML来更新样式。

HTML：

<div class="my_class">Stuff</div>

<div id="my_id">More Stuff</div>

CSS：

.my_class { width:150px; }
#my_id { width:125px; }