第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

在顯示正確的內(nèi)容之前,我的網(wǎng)站在桌面上顯示移動視圖幾分之一秒。我怎么能阻止它這樣做呢?

在顯示正確的內(nèi)容之前,我的網(wǎng)站在桌面上顯示移動視圖幾分之一秒。我怎么能阻止它這樣做呢?

明月笑刀無情 2019-04-16 17:15:31
我的網(wǎng)站 - https://wilfredopersonal.herokuapp.com/# - 顯示了移動視圖的一些特定內(nèi)容。問題是,在加載桌面內(nèi)容時,此內(nèi)容也會顯示在桌面中。我怎么能阻止它這樣做?<script>   function isMobile() {     if (navigator.userAgent.match(/Mobi/)) {       return true;     }     if ("screen" in window && window.screen.width < 1366) {       return true;     }     var connection =       navigator.connection ||       navigator.mozConnection ||       navigator.webkitConnection;     if (connection && connection.type === "cellular") {       return true;     }     return false;   }</script><script>   if (!isMobile()) {     document.getElementById("not-desktop").style.display = "none";     document.getElementById("container").style.display = "unset";   } else {     document.getElementById("not-desktop").style.display = "unset";     document.getElementById("container").style.display = "none";   }</script>
查看完整描述

2 回答

?
收到一只叮咚

TA貢獻1821條經(jīng)驗 獲得超5個贊

這是一個同時顯示移動視圖和桌面視圖的問題,然后禁用哪個“視圖”不正確。由于您的javascript在頁面創(chuàng)建后加載,它將顯示兩個視圖,直到j(luò)avascript加載并禁用一個。

您可以通過從開始“禁用”它們來解決這個問題 - 將樣式屬性添加style="display:none"到“not-desktop”和“container”。這樣他們兩個都將被禁用,直到j(luò)avascript可以啟用一個。

編輯:在看了李金堯的回答后,我發(fā)現(xiàn)有一種更快的方法可以做到這一點 - 使用CSS媒體標(biāo)簽來檢查元素的寬度,只有符合要求時才顯示它。然后,使用java腳本檢查userAgent和其他任何內(nèi)容,并相應(yīng)地更改顯示的元素。?


查看完整回答
反對 回復(fù) 2019-05-17
?
慕沐林林

TA貢獻2016條經(jīng)驗 獲得超9個贊

因為您的腳本是在加載HTML后執(zhí)行的。因此,在瀏覽器讀取您的腳本之前,移動設(shè)備會保持可見狀態(tài)。

我建議你使用CSS媒體查詢來解決這個問題而不是使用腳本。

另一種方式是設(shè)定#not-desktopdisplay,以none你的CSS。然后當(dāng)腳本執(zhí)行時,如果它在移動設(shè)備上顯示,您的代碼將顯示它。但這種方法并不靈活。


查看完整回答
反對 回復(fù) 2019-05-17
  • 2 回答
  • 0 關(guān)注
  • 459 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號