增加网页浏览器缩放比例的框架出来的滑块

Question

我的网站King Adler Ecommerce Website上的滑块在放大浏览器时出现在封装上。我在谷歌浏览器，Mozilla和IE上测试了它，它到处都是一样的。我想我将不得不在包装或滑块的浮动属性中进行一些小改动。但是，我不知道如何做到这一点。请尽可能以最小的努力解决此问题。

/* LAYOUT */ 
.primary-define .wrapper { 
    width: 950px; /*changed by yuvi 1160*/ /*second change - 1060*/ 
    margin: 0 auto; /*0 10px*/ 
    /*position: relative; added by yuvi*/ 

} 
.primary-define #column-left { 
    float: left; 
    width: 240px; 
} 
.primary-define #column-right { 
    float: right; 
    width: 240px; 
} 
.primary-define #column-left + #content, 
.primary-define #column-right + #content { 
    float: right; 
    width: 650px; /*editing by yuvi*/ 
} 
.primary-define #column-left + #content { 
    margin-left: 60px; 
} 
.primary-define #column-right + #content { 
    margin-right: 60px; 
} 
.primary-define #column-left + #column-right + #content { 
    width: 520px; 
} 
.primary-define #content form { 
    margin: 0; 
} 

---

/* CONTAINER */ 
.primary-define #container { 
    z-index: 1; 
    padding-top: 30px; 
    position: relative; 
    background-color: #fff; 
    border-bottom: 1px solid transparent; 
} 

Answer 1

问题并不在滑块但在整体的布局，如果你设置背景％，那么在％

.primary-define .wrapper { 
    width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/ 
    margin: 0 auto; /*0 10px*/ 
    /*position: relative; added by yuvi*/ 

}