网站模板Fluid还是Responsive?

时间:2013-05-20 10:22:28

标签: html fluid

好的,我在这里有点困惑,我最近开始制作待售模板,现在通常是响应式模板。

所以我正在制作一个具有以下设计基本css的新设计:

* {
   margin: 0;
   padding: 0;
}

.container {
   width: 100%;
   height: 700px;
}

.main {
   width: 66%;
   float: left;
}

.side {
   width: 33%;
   float: right;
}

好的,这是一个基本代码,显示我的模板是一个流畅的模板。 当浏览器调整大小时,它会产生响应效果,但我们都知道它不是响应式模板。

我的问题就是这样,我在调整浏览器大小时使用了一些css代码来重新定位内容。这意味着网站现在也是响应。

首先,我不知道这是否被允许作为有效网站?我是否需要将宽度100%更改为特定宽度,或者没有这样的规则?

其次,我将这种类型的网站称为什么?因为我会在ThemeForest上卖它。我不认为有这样一个网站可以称为流体响应Web模板。或者有吗?

最后,并非总是,但有时候,当我注意到浏览器在x轴上溢出时。 .side中的内容永远不会停留在33%的范围内。有谁知道为什么这可能是问题?我试着为此做一个例子。

感谢。

1 个答案:

答案 0 :(得分:2)

最好使用bootstrap 它为响应式设计提供了一切...... 下载..请在这里链接 http://twitter.github.io/bootstrap/