JS對於屏幕寬度

如何根據瀏覽器屏幕大小加載文件？這是我使用的代碼：JS對於屏幕寬度

<script> 
if(iPhone) { <- screen size instead of device 
    document.write("<meta name="viewport" content=\"width=480\""+"/>"); 
} else { 
    document.write("<meta name="viewport" content=\"width=1024\""+"/>"); 
} 
</script>

感謝

來源

2013-05-30 Gregory Schultz

你可以從這裏開始https://developer.mozilla.org/en-US/docs/Web/API /窗口 – elclanrs

你可以嘗試：

<script> 
    if (window.screen.width < 481) { 
     document.write("<meta name="viewport" content=\"width=480\""+"/>"); 
    } else { 
     document.write("<meta name="viewport" content=\"width=1024\""+"/>"); 
    } 
</script>

屏幕大小的代碼很簡單，因爲它僅僅是window.screen.width和window.screen.height。除非您計劃使用與該網站相同的設計模式設計網站，否則我不建議將網站定位到特定設備。

來源

2013-05-30 23:23:25 Cary

謝謝。你如何結合兩個項目，如最小寬度800和最大寬度1024？ < 800 && > 1024？ –

@GregorySchultz是的，它會是：'window.screen.width <481 && window.screen.width> 1024'。 – Cary

@GregorySchultz如果我的回答滿足您的問題，那麼您應該點擊複選標記，以便您的問題可以關閉。 – Cary

您可以使用document.body.offsetWidth編寫自己的Javascript。

例如如果（document.body.offsetWidth < 1024）{...}

或使用就像一個圖書館：http://responsejs.com/

來源

2013-05-30 23:27:26

JS對於屏幕寬度

回答

相關問題