2017-09-13 6 views
-1

私は応答性の高いウェブサイトを持っています。このサイトでは、「クラシックバージョンを表示(デスクトップ)」ボタンを追加する必要があります。問題は、サイトが応答形式で作成されていて、モバイル版(モバイル版とデスクトップ版の両方が分離されている)でサイトをやり直すことができないことです。モバイルデバイス(JSまたはJQuery)の内部で1200ピクセルのサイズをシミュレートできる方法はありますか?モバイルでデスクトップのような反応性の高いウェブサイトをシミュレートするにはどうすればよいですか?

ウェブサイトはブートストラップ3を使用しています

ありがとうございました!

+0

は、あなただけの.desktop' 'の' '上のクラス、およびスタイル'最小幅を設定できませんでしたか? –

+0

だから、これは良い考えですが、CSSを更新したくないので、私ができる体にクラスを作成してから、CSSを追加する必要はありません。バージョンを適応させるためにCSSを変更する必要があります。 –

答えて

0

メタタグビューポートをデスクトップに変更する必要があります。その上1200px`:

$(window).resize(function() { 
 
    var mobileWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; 
 
    var viewport = (mobileWidth > 360) ? 'width=device-width, initial-scale=1.0' : 'width=1200'; 
 
    $("meta[name=viewport]").attr('content', viewport); 
 
}).resize();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

関連する問題