1. 首页
  2. 问答
  3. 缩放时出现CSS问题

缩放时出现CSS问题

2013-08-28 53 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

相关问题

 相关问题