关于响应式那些事儿

现如今的网站建设，离不开网站建设，现在上海网站建设公司越来越多，然而真的能把网站做好的，却屈指可数，那么对于响应式这件小事，你对它够了解吗？ 说到响应式，没有比插件更方便的了，首先介绍一款好用方便的插件。 Bootstrap DBestech,网站建设 对于响应式，它提供了两大类。 可用类 通过单独或联合使用以下列出的类，可以针对不同屏幕尺寸隐藏或显示页面内容。 超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面 (≥992px) 大屏幕 桌面 (≥1200px) .visible-xs-* 可见 隐藏 隐藏 隐藏 .visible-sm-* 隐藏 可见 隐藏 隐藏 .visible-md-* 隐藏 隐藏 可见 隐藏 .visible-lg-* 隐藏 隐藏 隐藏 可见 .hidden-xs 隐藏 可见 可见 可见 .hidden-sm 可见 隐藏 可见 可见 .hidden-md 可见 可见 隐藏 可见 .hidden-lg 可见 可见 可见 隐藏 从 v3.2.0 版本起，形如 .visible-*-* 的类针对每种屏幕大小都有了三种变体，每个针对 CSS 中不同的 display 属性，列表如下： 类组 CSS display .visible-*-block display: block; .visible-*-inline display: inline; .visible-*-inline-block display: inline-block; 因此，以超小屏幕（xs）为例，可用的 .visible-*-* 类是：.visible-xs-block、.visible-xs-inline 和 .visible-xs-inline-block。 .visible-xs、.visible-sm、.visible-md 和 .visible-lg 类也同时存在。 打印类 和常规的响应式类一样，使用下面的类可以针对打印机隐藏或显示某些内容。 class 浏览器 打印机 .visible-print-block .visible-print-inline .visible-print-inline-block 隐藏 可见 .hidden-print 可见 隐藏 想要熟练使用这一套方法，需要自己实践，自己动手丰衣足食，get到bootstrap技术，老板再也不用担心你做响应式了。