如何使具有外部內容的 DIV 在移動設備上響應？

Question

我正在嘗試在移動頁面上調用 webamp 播放器，但我不知道如何讓這個外部應用程序在兩個平台（桌面、移動）上響應：（

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - WebAmp with Skin</title>
  
<head>

<body>
<!-- partial:index.partial.html -->
<div id="app"></div>
<script src="https://unpkg.com/webamp"></script>
<script>new Webamp({
    initialTracks: [{
        metaData: {
            artist: "The Boy is Mine",
            title: "Brandy & Monica",
        },
      
      // Be careful because mp3s use up a lot of space on your            account.
        url: "https://sadhost.neocities.org/music/Boy.mp3",
    }],
    
    initialSkin: {
        url: 
      // Find skins https://skins.webamp.org - download them and          host them on your website!
     "https://sadhost.neocities.org/etc/TetAtck.wsz"
    },}).renderWhenReady(app);</script>
<!-- partial -->
  
</body>
</html>

伙計們，請幫忙！

<meta name="viewport" content="width=device-width, initial-scale=1.0"> doesnt helped

Answer 1

使用媒體查詢用於設置多個設備的寬度，例如移動設備、標簽頁、筆記本電腦、桌面設備等。

例如：

@media (max-width: 720px) {
     //here are your styling attributes for below 720px width devices
}

如何使具有外部內容的 DIV 在移動設備上響應？

問題描述

1 個解決方案

解決方案1
1 2023-01-24 04:35:18

如何使具有外部內容的 DIV 在移動設備上響應？

問題描述

1 個解決方案

解決方案1 1 2023-01-24 04:35:18

解決方案1
1 2023-01-24 04:35:18