css - 为什么 div 在浏览器中放大时会中断？

Question

我正在尝试使用 wordpress 开发响应式主题，但是当我在浏览器中进行缩放时我会中断。我正在提供一些 css 代码:

   .here {
        background: url("images/header-opacity.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        position: relative;
        width: 100%;
        z-index: 100;
    }
container_24 {
  max-width:980px;
  margin: auto;
  position: relative;
  padding: 0;
  z-index:10;
  /* border-radius:5px; /* L */
}

.grid_24 {
   width: 99%;
}

.grid_24 {
  width: 99%;
}

.topsearch {
  float: right;
  margin-right: 22px;
  max-width: 700px;
}

.toplinks {
  float: right;
  font-size: 0.83em;
  max-width: 688px;
  transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
}

我正在提供我的网站 http://bassbrushes.diggsdev.com/blades/.I我找不到任何解决方案。任何想法都会对我有很大帮助。

Answer 1

我认为 %100、%99 值会导致此问题。如果您更改 .container_24 .grid_24 就可以了。

.container_24 .grid_24 {
    width: 980px;
}