开发技术学习

《兼容移动设备的流体布局》有感.

我们有时候会有这样的设想，能不能有款布局既兼容桌面浏览器，又兼容手持设备的小屏幕？cssgrid.net 提供的方案 给与我们新的思路。cssgrid.net 的秘密这个站点自称这个布局为：A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.细心的读者可能会发现，这句话其实会有冲突 -- 既然是流体布局，那么怎么限定了宽度呢？ 拖动浏览器的窗口宽度，或者使用 iPhone 等设备访问该网站，发现布局会随着宽度的缩小发生改变，从而使页面的内容更容易阅读。它是如何实现的呢？给力的 @media如何给不同的设备载入不同的样式，有可能我们首先想到的就是 CSS Hack 。看其的 CSS 载入方式，我们或许就已经能明白个大概。 media 这个属性 这个时候就变得非常...