Web ページの幅が XXX 未満の場合にアダプティブ レイアウトを実行しないように、またはスクロール バーを表示しないようにブートストラップを設定する方法。そうしないと Web ページが変形します_html/css_WEB-ITnose

アダプティブ レイアウトにブートストラップを使用しているのですが、Web ページの幅が小さすぎると Web サイト全体が変形してしまいます

Web ページの幅が狭い場合にブートストラップのアダプティブ レイアウトをキャンセルして下部を表示するにはどうすればよいですかウェブページの変形を防ぐためのスクロールバーは指定された幅より小さいですか? 設定方法 デモをしていただけますか

返信ディスカッション (解決策)

実装方法は 2 つあり、1 つは CSS3 属性のメディアクエリ、もう 1 つは 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>

実装方法は 2 つあり、1 つは CSS3 属性のメディアクエリ、もう 1 つは 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>

あなたが言ったことは不可能です