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)地更改顯示的元素。?

TA貢獻2016條經(jīng)驗 獲得超9個贊
因為您的腳本是在加載HTML后執(zhí)行的。因此,在瀏覽器讀取您的腳本之前,移動設(shè)備會保持可見狀態(tài)。
我建議你使用CSS媒體查詢來解決這個問題而不是使用腳本。
另一種方式是設(shè)定#not-desktop
的display
,以none
你的CSS。然后當(dāng)腳本執(zhí)行時,如果它在移動設(shè)備上顯示,您的代碼將顯示它。但這種方法并不靈活。
添加回答
舉報