網頁設計中的硬編碼「寬度」是否可以接受？

這是我第一次使用WebDesign進行實驗，我正在設計一個帶有文本框，標籤等的窗體......並且有一個問題：可以爲這些控件設置硬編碼寬度嗎？或者我應該在任何地方使用其他技術，例如DIV和不同DIVS的百分比？網頁設計中的硬編碼「寬度」是否可以接受？

來源

2011-06-21 Bohn

應儘可能使用外部CSS文件。我所看到的唯一的例外是涉及到JavaScript的時候，因爲它會在修改元素時設置內聯樣式（其中，沒有太多可以做的事情，所以這是例外）。

內嵌樣式時，因爲

它僅影響該元素皺起了眉頭，使之無用，只要你有需要相同的風格另一個元素。
它使您的代碼非常難以維護，因爲您必須觸摸每個文件才能在所有內聯都進行更改。
它破壞了級聯樣式表級聯部分的目的（內聯樣式總是比非內聯樣式具有更高的優先級），並且在嘗試更改外部樣式時可能會導致意外的結果，並且某些內容不會發生更改。
像大多數元素上的width=100px這樣的東西都被棄用，或者至少不鼓勵W3C。
它違反了演示文稿和內容的分離。
它導致了很多複製，這違反了DRY原則。

來源

2011-06-21 17:21:07 Shauna

我的意思是像是一個糟糕的設計？ – Bohn

是的。查看我的編輯原因。 – Shauna

人們普遍不贊成這些天，但人們很快就倒在任何佈局這是不是「液體」或「流體」與自動調整大小列等

輕蔑如果你的佈局要求它（網格，表格等），那麼固定的寬度是完全可以接受的 - 只要確保在CSS文件中儘可能多地使用它，就會比在內聯中維護更容易。

來源

2011-06-21 17:13:31 Widor

大多數情況下都應該避免這種情況，因爲如果您希望更改佈局時，以後會爲您提供更多幫助。這個規則的一個例外是圖像沒有被用作用戶界面的一部分，因爲它們都傾向於具有不同的尺寸。

來源

2011-06-21 17:13:38 GordonM

總是用戶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; }

來源

2011-06-21 17:14:17 Seth

這個問題需要澄清，不要你的意思是使用固定像素尺寸而非百分比，這些維度的定義，無論是在風格是表或代碼？

這樣說，有很多東西在那裏硬編碼的寬度和高度尺寸投在石頭上。然而，發現這些策略使得這些頁面可以在6英尺遠的眼球和距離眼球大小的電話上的寬屏電視上正常工作。我的建議是專注於你的形式的可用性，並讓'形式遵循功能'。

來源

2011-06-21 17:17:30

yeh我的意思是類似於是一個糟糕的設計？ – Bohn

是的。你應該有一個樣式表，並給所有的ID和類，以便有最大的靈活性。然後，在樣式表中放入所有內容，例如'.inputs-top {}'，'.inputs-middle {}'等等 - 帶有空括號的佔位符。然後在Firebug中，您可以快速設計你的表格。到這個階段，你可能會有功能被攻破，因此能夠快速完成所有工作。理想的是使用百分比，然後您可以將表單縮放到可用的屏幕區域。 –

@Matthew - 給所有的課程和ID都稱爲Classitis，這是要避免的。類和ID只應在需要時提供。 – Shauna

網頁設計中的硬編碼「寬度」是否可以接受？

回答

相關問題