UIWebView - показывать разные изображения для разных ориентаций

Question

Как я могу показать разные IMG в моем HTML в UIWebView, в зависимости от ориентации iPhone? (Извините, если это тривиальный вопрос ...)

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>