回答編集履歴
1
css
    
        answer	
    CHANGED
    
    | 
         @@ -12,4 +12,19 @@ 
     | 
|
| 
       12 
12 
     | 
    
         
             
              /* aspect-ratio: 12/9; */
         
     | 
| 
       13 
13 
     | 
    
         
             
              height: 100%;
         
     | 
| 
       14 
14 
     | 
    
         
             
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            /* 中略 */
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            @media (max-width: 860px) {
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
              /* 中略 */
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
              /* 追加 */
         
     | 
| 
      
 23 
     | 
    
         
            +
              iframe {
         
     | 
| 
      
 24 
     | 
    
         
            +
                aspect-ratio: 12/9;
         
     | 
| 
      
 25 
     | 
    
         
            +
              }
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
              /* 中略 */
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            }
         
     | 
| 
       15 
30 
     | 
    
         
             
            ```
         
     |