1. 首頁
  2. 問答
  3. 縮放時出現CSS問題

縮放時出現CSS問題

2013-08-28 78 views
1

我爲超過1100 px的屏幕尺寸編寫了CSS。當我按ctrl和+（加號）並放大頁面的中間容器時，無法換行。它突然中斷。縮放時出現CSS問題

HTML：

<div id="outer_footer_bottom"> 
    <div class="center"> 
     blabla balaa blabalblabla 
    </div> 
</div>

CSS：

<style> 
    #outer_footer_bottom{ 
     width: 100%; 
     float: left; 
     background: #8ac53f; 
     height: 26px; 
     padding: 16px 0 0 0; 
     text-align: center; 
     color: #fff; 
     overflow-x: auto; 
    } 

    .center { 
     width: 1000px; 
     margin: 0 auto; 
    } 
</style>

來源

2013-08-28 Muhammad Saqlain Arif

+6

Ctrl +/-不會增加屏幕大小，它會改變縮放級別 – slash197

+0

@ slash197是的我有問題縮放級別.. :) –

回答

0 
.center { 
     margin: 0 auto; 
    }

刪除寬度：1000像素從中心級的樣式。

來源

2013-08-28 06:55:57

+0

如果你刪除寬度，自動保證金將不再工作 – slash197

+0

但是已經爲外部div定義了一個寬度。所以它不會有任何問題。 –

+0

@ slash197您可以使用上面的代碼嘗試它並進行驗證。謝謝:-) –

0

您的代碼沒有任何問題。當您增加或減少縮放級別時，它的寬度爲100％，並且在縮放級別小於1000像素時顯示滾動條。.center

來源

2013-08-28 07:04:15

+0

我沒有滾動條的問題，我有#outer_footer_bottom的問題，它的顏色不包裹在100％寬度上... :) –

+0

它的顏色是一樣的http://jsfiddle.net/clink/Jjp8U /但似乎隱藏起來，但上下滾動停留在該滾動條上以查看該文本。這是一個高度問題，你應該定義高度。 –

1

問題出在您的代碼中。

您"outer_footer_bottom" div有寬度100％（不固定）
和"center" div有寬度1000像素（固定）

讓假設你有縮放級別100％，您的窗口大小大約爲1200像素，這意味着你的"outer_footer_bottom" div的寬度爲1200px，大小爲"center"的div爲1000px。

ok當您增加縮放級別時，窗口大小減小，並且"outer_footer_bottom"的大小將小於1000px。但尺寸"center" div保持不變，即1000px。

所以這就是你面對這個問題的原因。

解決方案1：改變 「outer_footer_bottom」 div的寬度，以固定的（例如1000像素或1200像素）

解決方案2： 「中心」 div的寬度改變爲未定影（例如，100％或90％ ）

來源

2013-08-28 08:31:58 AmanS

相關問題

 相關問題