怎麼解決瀏覽器縮放打亂佈局的問題?

2025-05-15 05:16:09 字數 3299 閱讀 5183

1樓:騰訊電腦管家

你左右兩邊的寬度是多少,是畫素還是百分比。

如果你定義定義的頁面寬度是橘陵羨百分比,建議你定義佈局其他寬度的時候都是用百分比。

如果你是圓拍除了頁面定義100%,其他的都是定義的畫素那麼汪攔不用想,必須錯屏沒商量。

2樓:餘宇鬱郁

首先,css樣式:*{

margin:0;

padding:0;

div{position:absolute;

left:50%;

top:50%;

width:100px;

height:100px;

background-color:red;

margin-left:-50px;

margin-top:-50px;

因為 width:100px,所以 margin-left:-50px; 是正好一半的值。

而 left:50%;和 top:50%;是相對瀏覽器的定位用的,含敗所以居中是正中,跟隨頁面改變而居中。

而把 absolute 改成 fixed 就是乙個隨著滾動條舉埋移談答顫動但是永遠居中的小廣告。

瀏覽器縮小頁面,佈局就亂了,怎麼辦?

3樓:tony羅騰

原因:body下一級的元素css中都有float浮動;而body的大小是隨瀏覽器視窗大小改變的,當瀏覽器視窗縮小時,元素就會往下掉,這就是原因所在。

下面舉個例子:

當你把這段**放在瀏覽器並且把瀏覽器視窗的縮小到1000px時就會往掉,解決方法:

只需在浮動的父級元素中新增下面的乙個固定的元素包含著就可以:

4樓:風冰舞

你左右兩邊的寬度是多少,是畫素還是百分比。

如果你定義定義的頁面寬度是百分比,建議你定義佈局其他寬度的時候都是用百分比。

如果你是除了頁面定義100%,其他的都是定義的畫素那麼不用想,必須錯屏沒商量。

要是方便的話,不知道能不能**發上來看看。

瀏覽器頁面縮放導致頁面排版錯亂怎麼辦?

5樓:成掣零鸞

請您嘗試:

1.進入選單-設定-清除資料-勾選頁面快取-清除;

2.進入選單-設定-瀏覽設定-更改瀏覽器標識(ua);

3.進入選單-設定-極速/省流-開啟/關閉雲端加速;

4.進入手機網路設定更改接入點,改為net/wap,或者使用wifi;

5.進入選單-設定-切換適應螢幕/縮放排版。

6樓:肖修市鴻暉

1、在傲遊瀏覽器視窗--interet選項--常規--輔助功能--勾選「不使用(忽略)網頁中指定的字型樣式」和「不使用(忽略)網頁中指定的字型大小」--確定。

2、在傲遊瀏覽器視窗--檢視--文字大小--選「較小」或「最小」。

div+css佈局網頁縮放後排版都亂了,怎麼解決?

7樓:網友

可以用百分比來定義寬度值。

8樓:巨夏侯蘭

如果佈局的寬度都設定的固定值肯定會變亂。如果把寬度設為百分比呢。

9樓:紫氣扶搖

也可以考慮在內容外設定乙個定寬的父層。

當頁面大小變化時,為什麼佈局也會變亂,該怎麼解決?

10樓:網友

讓網頁版面自動適應螢幕解像度的技巧。

一、 自然拉伸。

如果你的**結構沒有用到大量的圖形來銜接,主要***來定結構,那麼你就可以使用該方法。非常適用於主要***、文字來表達資訊的簡單的網頁頁面。

製作**時,只要你把**的寬度屬性定義為100% ,**就會根據解像度的不同自行調整寬度。

二、 固定居中。

自然拉伸法的好處自不必說,可以總是充滿整個螢幕,但是弱點也很明顯:一來如果網頁版面複雜,各圖形元素之間有精確的的定位關係,一旦拉開或者壓縮就會徹底變形;二來即使版面不太複雜,文字行數亦不好控制。有時候解像度一旦變化,要麼太密,要麼太擠,就失去了作者設計版面的意圖了。

所以目前各大**普遍採用的方法是固定居中法!

該方法的製作方法很簡單。在製作最大的**時,把**屬性的寬度畫素定義為乙個固定數值,並且讓**居中即可。以後製作的**,就會限定在這個**之內,永遠都不會超出800×600解像度的螢幕,網頁的大小相當於固定死了。

當瀏覽者使用1024×768的解像度瀏覽網頁時,螢幕兩邊就會留下白邊,看起來覺得比較自然。

三、 兵分兩路。

如果你的網頁不經常更新,而且對頁面效果極其在意,那好,你就設計兩個頁面,分別對應800×600和1024×768兩種解像度。把這兩個首頁檔案分別命名為和 。然後在空白的索引頁中加入以下**到前面:

這樣,當訪問者開啟你的索引頁時,系統就會判斷訪問者的螢幕解像度,然後轉到相應的首頁。

11樓:網友

你寫的css**不規範造成的。你可以把你的**貼出來,可以幫你看下你寫的缺少的東西。

12樓:巴啦啦能量

用css+div控制佈局百分比就可以。

怎麼讓html頁面在使用瀏覽器進行縮放的時候佈局不會出現混亂

13樓:網友

第一種方法就是全域性**用百分比來寫,這樣瀏覽器縮放的影響不大,但是這樣很麻煩很複雜;第二種方法就是用@media screen,根據不同解像度來寫不一樣的**,做到各種解像度下都沒有錯亂。

html佈局後 換瀏覽器或者縮小瀏覽器。頁面佈局徹底亂了。請問我該怎麼佈局。他就不亂了

14樓:有愛的靜靜

這是屬於瀏覽器的問題,不同的瀏覽器相容性不一樣,建議要麼使用火狐瀏覽器或者谷歌瀏覽器,如果這兩個瀏覽器佈局沒有問題,其他的也就差不多啦。

瀏覽器縮小網頁的元素位置就會改變的問題怎麼解決?

15樓:網友

您不要直接這麼寫,直接這麼寫肯定要換行了。

您可以將其放衝搏輪置在乙個table表的兩個單元格中。

或者說放置在div中,設定好div的寬度散信。

怎樣解決不同的瀏覽器div佈局錯亂問題

16樓:網友

析有所區別,所以造成不同瀏覽器佈局的混亂。不怕麻煩就判斷一下,根據不同的瀏覽器載入不同的樣式。

17樓:網友

重下360瀏覽器 現在可以用了。

瀏覽器有亂碼怎么解決,瀏覽器有亂碼怎麼解決

1.右擊頁面空白處,從彈出的右鍵選單中選擇 編碼 項,然後選擇 unicode utf 8 即可。2.或者我們將 編碼 設定為 自動檢測 項,這樣瀏覽器會自動根據網頁的編碼方式來確認顯示方式。3.uc瀏覽器設定方法 4.點選 選單 按鈕,從彈出的擴充套件選單中選擇 工具 編碼 項。5.然後在開啟的 ...

瀏覽器有點問題 求高手解決,瀏覽器的問題

關於 0x100089a2 指令引用的 0x100089a2 記憶體。該記憶體不能為 written 的問題去 看吧,我就不粘了。關於個對話方塊 產生了錯誤,會被windows關閉。的問題 對windows xp的ie 使用者,執行 控制面板 系統 切換到 高階 選項卡,單擊 錯誤報告 按鈕,選中 ...

瀏覽器自動轉換的問題,瀏覽器主頁自動跳轉問題

我以前也是用的123開啟就變成360了,最後發現360安全衛士裡有個主頁鎖定,鎖定了360為主頁,我取消之後就沒問題了,你的估計也是相似的原因。瀏覽器主頁自動跳轉問題 你好!謝謝你的提問。你的問題可能有以下幾點 1.換個瀏覽器試一試。推薦360安全瀏覽器 遨遊瀏覽器2.查殺病毒木馬和惡意外掛!推薦3...