亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在javascript中獲取設備寬度

在javascript中獲取設備寬度

胡子哥哥 2019-11-06 11:03:06
有沒有一種方法可以使用javascript獲取用戶設備的寬度,而不是視口的寬度?我可以說CSS媒體查詢提供了這一點@media screen and (max-width:640px) {    /* ... */}和@media screen and (max-device-width:960px) {    /* ... */}如果我將智能手機定位為橫向模式,這將很有用。例如,就max-width:640px我所知,在iOS 上,即使在iPhone 4上,也將同時聲明橫向和縱向模式的聲明。 對于Android,情況并非如此,因此在這種情況下使用device-width成功地同時針對兩個方向,而不定位臺式機設備。但是,如果我基于設備寬度調用javascript綁定,則似乎只能測試視口寬度,這意味著需要進行以下額外測試,if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }考慮到設備寬度可供CSS使用的提示,這對我來說似乎并不優雅。
查看完整描述

3 回答

?
MYYA

TA貢獻1868條經驗 獲得超4個贊

您可以通過screen.width屬性獲取設備的屏幕寬度。

有時,在處理窗口大小通常小于設備屏幕大小的臺式機瀏覽器時,使用window.innerWidth(通常在移動設備上找不到)也很有用。


通常,在處理移動設備和桌面瀏覽器時,我使用以下方法:


 var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;


查看完整回答
反對 回復 2019-11-06
  • 3 回答
  • 0 關注
  • 811 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號