css - Skeleton CSS 网格框架设计目标?

标签 css layout html accessibility

我喜欢Skeleton但我有几个问题:

  • 为什么使用像素大小都可以使用相对/em 大小来实现?
  • 这是因为它是实现 x 浏览器兼容性的唯一可靠方法吗? .. 因为使用 em 尺寸感觉更合适/面向 future
  • 相对大小和响应式(Reactive)网格设计真的很重要吗,因为现在大多数浏览器在缩放方面都非常智能,人们只需设置他们的默认缩放级别即可?

不想将其分解为单独的问题,因为我试图获得专业社区对该框架(错误)使用 CSS 最佳实践的高层次看法。

最后,如果您有您认为更适合解决问题的替代方案,请分享(有理由!)。

最佳答案

像素大小仍然很重要:960 像素宽是一个标准,iPad 横向宽度是 1024px,等等......似乎网页宽度大约 1000px 正在成为简单内容网站的事实上的标准(当某些屏幕时有意义可以拉伸(stretch)很好的1900或2400px宽)...这些宽度不能通过em来表示,因为em不是定义固定的。当您在一个固定大小的框架内并且您想要相对于您选择的字体来分隔元素时,Em 就派上用场了。

很少有人可以使用浏览器的缩放功能,更不用说更改默认缩放值的人了。所以你的目标应该是最标准的,即 1000 像素宽,他们会处理的。

关于css - Skeleton CSS 网格框架设计目标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8227584/

相关文章:

javascript - 调用具有多个数组参数的函数

ios - 使用 CGFloat.max 调整标签大小,移动它

html - 水平对齐选择框

html - 如何为响应式元素创建重复边框?

css - 从 bootstrap 2.3.2 迁移到 3.1.1

css - font-family-Roboto, "Roboto Lt"在 iphone 5s 中不起作用

android - 无法将 UI 元素拖动到 Android 布局 Eclipse

html - 无法正确获取包装器 div

html - 响应式菜单不适用于 Firefox

Java Swing : Maximising a JTable display