Firefox下網頁縮放時防止div被擠到下一層

2021-09-07 04:18:22 字數 594 閱讀 3142

問題:三個div,乙個div中包含兩個浮動帶有border邊框的div;且樣式設計中保證兩個div全部寬度之和等於外層div的寬度。在火狐下縮放網頁顯示比例小於100%時,會導致右邊div被擠到下一行。

案例:

在firefox及ie8中出現同樣的問題,ie7下不會出現該問題。

原因:firefox及ie8中,在縮放網頁顯示比例小於100%時,對容器的border屬性的縮放處理未保持等比例。這樣兩個div的最後總寬度仍大於外層寬度,自動溢位到下一行。

解決方法

a:折中方法,將外層div的寬度設定稍微大些;或者在內層兩個div之間多留些間距(不使用marging或paddding填充間距)。

b:在內外層容器之間新增中間層,見下文

解決案例b

其他類似縮放問題同理。

經目測,當前市面未普及涉及頁面縮放功能的web標準,因此大多數涉及該部分內容的web頁面均存在該bug

在firefox上執行ajax網頁時同步操作的問題

自別人的 在firefox上執行ajax網頁時同步操作的問題 這是原來在ie下執行沒問題的 好像是某次為了避免某個問題,把xmlhttp設為了同步操作。結果問題出現在前天安裝了firefox 1.5之後用ff看這段 時,callback根本沒被執行,百思不得其解的搞了半天,發現是同步操作 xmlht...

解決html網頁縮放問題

當我們學習過div布局的時候,你肯定會有這樣的疑問 為什麼別人的網頁無論怎麼縮放都不會影響它的想對位置,而我的頁面在使用瀏覽器對頁面進行放大縮小的時候,有時候會出現錯位,或者邊框無法吻合。將頁面縮小到最小時,頁面內容將會堆砌在一起呢?首先出現這個問題的主要原因還是因為你對浮動 定位的理解不夠透徹!下...

linux下網頁亂碼的問題

開始以為是字符集有問題 經過網上排查確定為 linux 沒有安裝中文字符集 於是開始安裝中文字符集 1 簡單的yum命令 首先為了順利完成今天的任務我們要介紹幾個最簡單的yum命令 yum install 軟體的名稱 安裝軟體 yum remove 軟體的名稱 刪除軟體 yum list 軟體的名稱...