responsive-design - HTML5 样板或响应式设计

标签 responsive-design 960.gs html5boilerplate

我正在尝试决定如何简化我的作品集的设计。目前我正在使用 HTML5Boilerplate 和 960 网格系统,但其他人建议使用响应式以获得更好的移动 View 。 HTML5Boilerplate 确实有一些屏幕/打印媒体查询,而且我不喜欢流体宽度。哪个更适合任何观看环境?

最佳答案

我倾向于回避网格,但这是我个人的偏好。我使用以下组合:

  1. http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/
  2. HTML5 样板
  3. SMACSS

许多前端开发人员正在使用 twitter bootstrap,这对于您的情况可能是一个很好的妥协。

关于responsive-design - HTML5 样板或响应式设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11622985/

相关文章:

html - body 不适合 html5 样板文件或 normalize.css 中的窗口大小?

html - 页脚下方和调整窗口大小上方的空白

css - float div 水平堆叠以填充父 div 并响应调整大小

css - 当窗口大小减小到 500px 时, slider 向左拉

css - 带有 html5 标题标签的 960 网格

css - 960 网格中的 100% 宽度页脚

jquery - 无需滚动即可在任何浏览器屏幕尺寸中设置设计

html - 960 网格对齐问题

css - 如何在不更改默认颜色和背景颜色的情况下使用 CSS3::selection?

css - IE8 - "certain"从子目录链接时 css 不呈现?