如何使用 HTML 阻止圖像

Question

我有一個 HTML 網站。 我想使用 HTML 代碼在移動應用程序中顯示它。 但是我不想阻止/不加載原始網站背景，因為它非常大並且您無法在移動設備上看到它。 有沒有辦法用 HTML/CSS/JavaScript 做到這一點？

Answer 1

如果屏幕大於 XX，則使用媒體查詢加載背景圖像。 將媒體查詢添加到您的 css。

將div更改為您正在加載背景圖像的元素。

<style>
    @media (max-width:500px) {
      div {
        background-image: none;
      }
    }
</style>

Answer 2

CSS 媒體查詢是為不同分辨率的 HTML 文檔應用不同樣式的最佳方式。

因此，如果您想應用不同的樣式（此處刪除移動分辨率中的背景圖片），您可以使用媒體查詢

例如。

<style>
@media screen and (max-width:640px){
   element{
      background:none;
   }
}
</style>