背景横幅（皮肤）在响应式布局中，如何实现它们？

Question

我正在寻找有关如何实施＆＃34; skin-banners＆＃34;的建议，想法和建议。响应模板中的（也称为背景横幅）作为着名的 twitter bootstrap模板。

如何管理背景图片的宽度？ 是否可以在不使用javascript复杂脚本的情况下实现背景横幅？ 是否有任何可行的示例？

非常感谢，Fabio

Answer 1

解决方案是为每个视口显示正确的外观。

首先，您需要读取窗口浏览器的宽度：

<script type='text/javascript'>
var WidthBrowser = $(window).width();
</script>

然后，对于每个视口，您必须调用正确的皮肤。 例如：对于桌面版：

if (WidthBrowser > 1200){
// code for skin
}

else if ...