Question

如何根据iPhone的方向在UIWebView中的HTML中显示不同的IMG？（对不起，如果这是一个微不足道的问题......）

Answer 1

在CSS中很容易做到。您可以使用媒体查询仅将CSS应用于某些方向。我们通过两种方式执行此操作，有时我们会更改<div>的背景图片，否则我们会有两个<img>标记，只需将display:none设置为我们不希望显示的标记以下是设置id ='funky'

的div背景的示例代码

<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>

UIWebView - 显示不同方向的不同图像

1 个答案: