UIWebView - 針對不同的方向顯示不同的圖像

Question

如何根據iPhone的方向在UIWebView中的HTML中顯示不同的IMG？ （對不起，如果這是一個微不足道的問題...）

Answer 1

這在CSS中很容易做到。您可以使用媒體查詢將CSS應用於某些方向。我們通過兩種方式做到這一點，有時我們將更改<div>的背景圖像，否則我們將有兩個<img>標籤，並只設置一個我們不想顯示的標籤display:none下面是示例代碼，用於設置div的背景id ='funky'

<style type="text/css"> 
    @media only screen and (orientation:portrait){ 
     #funky { 
     background-image: url(http://path/to/your/image1.png) 
     }   
    } 
    @media only screen and (orientation:landscape){ 
     #funky { 
     background-image: url(http://path/to/your/other/image2.png) 
     }   
    } 
</style>