2012-12-24 99 views
0
  1. 我給出了百分比的高度和寬度。甚至字體大小。 現在放大,容器的高度和寬度不會改變,但字體大小會改變。它會導致問題,因爲文本在放大時從容器中出來。
  2. 如果我在修復像素中給出高度寬度,它在縮放時可以正常工作,因爲容器和內部文本在縮放時同步,但這種方式使網站獲得水平滾動不同的分辨率也是不受歡迎的。

有沒有辦法一次解決這兩個問題?變焦和分辨率

My page on JSBIN

+0

這是一個移動網站?我看到你在頁腳中使用了一張桌子。使用表格進行佈局是不好的做法。表格只能用於顯示錶格數據。 –

+0

你說得對。你想回答這個問題嗎?即使我避免了這種不好的做法仍然無法解決問題 – Sami

+0

正如我所說,它是一個移動網站嗎?如果是這樣,你應該添加一個視口標籤。您可以將其設置爲無法在該標籤中擴展。 https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag –

回答

1

百分比是相對於父元素的大小。推斷這種關係一直到body您的窗口大小不會改變大小因此元素不會改變大小。如果調整窗口大小,則元素將調整大小,因爲父元素正在改變尺寸。

使用em調整大小,如果您希望元素更改大小,因爲它是根據默認瀏覽器font-size(通常爲16px)設置的。隨着您放大和縮小,元素應與字體一起調整大小。

Marcotte的阮經天寫了一篇優秀文章的列表除了說明如何實現流體與佈局emhttp://www.alistapart.com/articles/fluidgrids/