2017-02-14 11 views
0

我已經有這個工作的大多數手機,但由於某些原因,iPhone手機將無法正常工作。如何在實際瀏覽網站的移動視圖上將手機切換到桌面屏幕只需點擊一下鼠標?

我已經創建一個按鈕,並更改與jQuery meta標籤:

$(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

任何想法,切斷了我可能會做錯嗎?

在此先感謝!

+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的初始縮放比例放大。如果向下滑動,它會顯示網站的其餘部分,但如果您用兩個拇指縮放頁面,則它會一直截斷。我希望這很清楚,因爲很難解釋,哈哈。 –

+0

你能發給我完整的html代碼嗎?如果有可能:) –

相關問題