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

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

WBOY
リリース: 2016-06-21 08:48:13
オリジナル
2628 人が閲覧しました


アダプティブ レイアウトにブートストラップを使用しているのですが、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>
ログイン後にコピー
ログイン後にコピー


あなたが言ったことは不可能です
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート