2017-02-14 6 views
0

私はすでにほとんどの電話機でこれを動作させていましたが、何らかの理由でiPhoneが動作しません。ワンクリックで実際のビューのウェブサイト上のモバイルビューでモバイル画面をデスクトップ画面に切り替える方法は?

私はボタンを作成し、jQueryを使ってメタタグに変更しました:

$(document).ready(function() { 
    $("#desktopversion").click(function(){ 
     $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0'); 
    }); 
    $("#nvs").click(function(){ 
     $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0'); 
    }); 
}); 

をしかし、いくつかの理由で、ページがiPhone

enter image description here

にどのようなI任意のアイデアを切断します間違っている可能性がありますか?

ありがとうございます!

+0

助けとなることがありhttp://stackoverflow.com/questions/1230019/how-to-set-viewport-meta-for-iphone -that-handles-rotation-properlyこれは役に立つかもしれません – Aslam

答えて

0

してください、この記事を読んでそのあなた

https://webdevdoor.com/responsive-web-design/change-viewport-meta-tag-javascript

if (screen.width <= 480) { 
document.getElementById("viewport").setAttribute("content", "width=480; initial-scale=0.5"); 
} 
+0

私はそれを試しました、それは現在ズームされていますが、まだカット.. ..とにかくあなたの返事をありがとう。 –

+0

さて、私はそれをさらにチェックしました、そして、それは働いているのです。 0.5の初期スケールで拡大表示されます。下にスワイプするとウェブサイトの残りの部分が表示されますが、2つのサムでページを拡大すると途切れることがあります。説明が難しいので、これが十分明確であることを願っています。 –

+0

あなたは私に完全なhtmlコードを送ることができますか?可能であれば:) –

関連する問題