响应式布局的应用。要非常不错地达成响应式布局, 主要依靠的技术有:HTML5的Viewport, CSS3的Media Query和流式布局的技术。
通过CSS中的媒体查看Media Query来达成响应式布局, 其实就是达到不一样的响应点 (多为屏幕分辨率) 时触发媒体查看中的代码, 所以大家还需对现有设施的屏幕分辨率进行知道后, 再对响应点进行适当的设置。
现在依据市场上主流终端的分辨率可以大致地进行如下的设置:PC端-大屏幕:至少1200px, 常规:至少960px;平板竖屏-至少768px, 手机到平板-至少767px, 手机-至多480px。当然这种设置会伴随终端市场份额的改变而改变。有了对各种终端设施的响应点知道后, 就能运用Media Query进行响应式布局的设计了。
