我是否應該在HTML中使用％或'px'

無論是HTML，XHTML還是HTML5，你都會發現那些煩人的百分比遍佈整個地方。然而......我看到很多網站都不敢靠近他們。然而，我一直鼓勵通過uni來使用它們。我是否應該在HTML中使用％或'px'

那我該用哪個？這將導致更好的網站設計，爲什麼？

我知道要避免使用高度，雖然HTML5真的不喜歡我不指定高度，如果我想使用百分比。

感謝您花時間閱讀。

來源

2012-02-20 Ravenshade

答案取決於。但請告訴我，爲什麼你認爲百分比很煩人？ – 2012-02-20 09:33:44

取決於你想要做什麼。對此沒有普遍的答案。 – 2012-02-20 09:34:30

_我知道避免使用身高...... _ – elclanrs 2012-02-20 09:34:44

這實際上取決於你想要建立什麼。
有時我需要建立一個可以被某些殘疾人閱讀的網站。例如，如果老年人訪問您的網站，則可以使用％，這樣他們就可以放大頁面，並且佈局仍然非常漂亮。

固定設計佈局固定設計佈局有一個特定的寬度並做不能擴展以適應瀏覽器窗口。使用它的網站可以將對齊到左側，中間或甚至與右側對齊，並在需要時對齊。

優勢固定佈局的：有了固定的設計佈局，你必須控制在線路長度，流量和網絡頁面上的元素的位置。設計師有一個固定的工作空間，文本的線條長度爲，圖像的放置可以很容易地指定。

缺點固定佈局的：固定設計佈局趨向高屏幕分辨率上查看時留下大量的空空間設計的兩側。這使網頁的大小變得模糊，並給出它在屏幕上浮動的印象。

流體佈局流體設計佈局使用百分比代替像素來定義它們的寬度，它們填充整個瀏覽器窗口。他們是也被稱爲固定或動態設計。

流體佈局的優點：流體設計佈局的主要優點之一是其可訪問性功能。他們迎合更多的用戶。這是因爲，無論用戶的屏幕分辨率或設備如何，固定的設計佈局都可以更好地適應。它利用將整個瀏覽器窗口展開。這使得顯示內容的區域最大化，並且可以在一個處看到更多信息。因此，窗口屏幕上沒有空的空間。與固定佈局相比，這是一個更好的選擇，因爲它會留下大量的空白空間。

來源

2012-02-20 09:37:34

我用一點js thikn，你可以找到流體和固定之間的平衡 – 2012-02-20 09:39:13

當然你做！但我總是希望從CSS分離樣式，因爲對於我來說，html是用於描述標記，用於樣式的CSS和用於功能的js。但你是對的！ – 2012-02-20 09:40:19

非常真實，我在想也許你可以設置css，使它在沒有js的情況下工作，但是如果啓用了js，那麼它會爲窗口大小找到最佳佈局。我認爲有些網站使用這種技術，但純粹的CSS解決方案總是最好的。 – 2012-02-20 09:43:56

對於字體，如果您不希望在Internet Explorer中修復字體大小，則應使用百分比（或em或rems）。如果您使用像素，那麼在瀏覽器設置中更改其默認字體大小的Internet Explorer用戶將看不到字體增大/減小。因此，這會使您的文本對該瀏覽器中的用戶可讀性降低。

一個很好的資源是Dan Cederholm的Bulletproof Web Design的第一章。

對於佈局，使用百分比或em將使您的設計更靈活地更改字體大小/本地化等。本書中也會涉及這一點。

來源

2012-02-20 09:41:38 devdigital

I.E ...我們還沒有成長嗎？ *搖頭*。儘管如此，感謝您的支持。 – Ravenshade 2012-02-20 10:43:34

@Ravenshade你不可能成爲大公司的webdesigner，因爲如果你仍然知道大量的人仍然使用IE，特別是公司。 – 2012-02-21 08:11:04

當然，我不是大公司的網頁設計師......我看不到我曾經推測過的地方。也就是說，IE正在使用中。我不知道有一家公司使用IE了，我沒有一個與之合作的組織使用IE作爲默認瀏覽器。 – Ravenshade 2012-11-11 00:26:49

我是否應該在HTML中使用％或'px'

回答

相關問題