我制作小網頁是為了好玩，并將它們托管在我的服務器上只是為了學習東西，有時我會將它們發送給我認識的一些人，向他們展示我所學到的東西，但我希望這樣我的網頁不會小螢屏上的人無法訪問。我試著做
@media (max-width: 800px){
body{
height: 0px !important;
width: 0px !important;
}
}
但它沒有用
uj5u.com熱心網友回復：
嘗試這個：
@media (max-width: 800px) {
html {
visibility: hidden;
}
}
uj5u.com熱心網友回復：
@media (max-width: 800px){
body{
display:none;
}
}
uj5u.com熱心網友回復：
更好的方法是使用window.innerWidth.
您可以創建一個檢查視口寬度的 onl oad 函式。
window.onload = () => {
if (window.innerWidth <= 800) {
document.body.innerHTML = 'Page not accessible on small screens.'
} else {
loadDOM(); /* maybe put [display: none] on body as default and remove it here */
}
}
這種方法更適合用戶。至少他們會知道他們必須從更大的設備訪問該站點
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/495795.html
標籤：javascript html css