communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > bootstrap如何设置当网页宽度小于XXX 时不做自适应布局显示出滚动条不然网页都变形了_html/css_WEB-ITnose

bootstrap如何设置当网页宽度小于XXX 时不做自适应布局显示出滚动条不然网页都变形了_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-21 08:48:13

original

2627 Les gens l'ont consulté

我用bootstrap做自适应布局可是当网页宽度太小了整个网站就变形了

请问如何实现当网页宽度小于指定宽度时候取消bootstrap的自适应布局并且显示底部滚动条防止网页变形如何设置能否给我个demo

回复讨论(解决方案)

2种办法实现，一个是css3属性media query，另外一个是js添加事件监听

<style type="text/css">    .min-800{ width:800px;}</style><script>    window.onresize = function(){        var win = $(window).width(),            main = $('#main');        if(win < 800){            main.addClass('min-800');        }    }</script>

Copier après la connexion

2种办法实现，一个是css3属性media query，另外一个是js添加事件监听

<style type="text/css">    .min-800{ width:800px;}</style><script>    window.onresize = function(){        var win = $(window).width(),            main = $('#main');        if(win < 800){            main.addClass('min-800');        }    }</script>

Copier après la connexion

你说的不行

Étiquettes associées：

bootstrap如何设置当网页宽度小于XXX 时不做自适应布局显示出滚动条不然网页都变形了

source：php.cn

Article précédent：CSS魔法堂：Box-Shadow没那么简单啦:)_html/css_WEB-ITnose Article suivant：大流量网站性能优化：一步一步打造一个适合自己的BigRender插件_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur