android - CSS 布局是如何变得流畅的？

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 8 年前。

所以我最近在流体布局与固定布局和其他东西上遇到了很多麻烦，我正在尝试使我网站的布局流畅。

尽管 twitter-bootstrap 为我的 html 中的几乎每个元素提供了一些流畅的类，但我还是想自己定制它。

看了一些文章，我大概是这样理解的

@media(1321px){
/*Code for 1321px screens*/
}

@media(800px){
/*code for 800px*/
}

我说的对吗？我应该只为每个屏幕的分辨率放置我想要的样式，这就是您获得流畅布局的方式吗？

最佳答案

流体布局是指一切都调整大小以适应窗口。

.container {
  width: 100%;
}

固定布局是指容器元素的宽度是固定的(不要改变)。

.container {
  width: 800px;
}

@media() 标签用于响应式设计。通常混合固定和流动布局。例如。流体适用于小型设备，固定适用于大屏幕。

/* all screen sizes */
.container {
  width: 100%;
}

/* screens 1000px and up */
@media(min-width: 1000px){
  .container {
    width: 1000px;
  }
}

关于android - CSS 布局是如何变得流畅的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24587755/

相关文章：

android - 解析 xml 文件时出错