Zooming Distortation

Question

我的网站出现问题，每当我调整缩放它扭曲页面布局，我不知道我做了什么错误，请看看我的意思：DistortedNormal

Answer 1

尝试CSS使用最大宽度和最小宽度属性布局

Answer 2

试试这个HTML：

<div class='pageHolder'> 
    <div class='page'>1</div> 
    <div class='page'>2</div> 
    <div class='page'>3</div> 
    </div> 

与CSS：

.page { 
    text-align:center; 
    border: 1px solid rgb(0,0,0); 
    width:20px; 
    height:20px;    
    float: left; 
} 

.pageHolder{ 
overflow: auto; 
width: 100%; 
} 

要清除浮动元素是标记。这就像使用<br>但是用于漂浮物。混合标记和内容在语义网中被认为是不好的做法。