masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

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

WBOY

Lepaskan： 2016-06-21 08:48:13

asal

2628 orang telah melayarinya

我用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>

Salin selepas log masuk

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>

Salin selepas log masuk

你说的不行

Label berkaitan：

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

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang