Показать изображение, если разрешение экрана закончено?

Question

Я ищу способ показать изображение ТОЛЬКО, если разрешение экрана выше, чем x, x для веб-страницы. Веб-сайт, который в настоящее время использует только HTML/CSS, хотя я открыт для идей.

Если это возможно, любая помощь будет принята с благодарностью.

Спасибо.

Answer 1

Для этого мы обычно используем медиа запросов

// Set Defaults for Small displays like Mobile 
.img { 
    display:none; // your image class or can be img tag 
} 

// Desktop and landscape tablets more than 960 px 
@media (min-width: 960px){ 
    .img { display: block; margin: 0 auto;} // your image class or can be img tag 
} 

, если вы заинтересованы только взглянуть на эту tutorial

Answer 2

.img 
{ 
    display:none; 
} 
@media (min-width:800px) and (max-width:1200px) 
{ 

.img{display:block;} 

} 

вы можете посетить этот сайт для получения дополнительной информации http://www.ibm.com/developerworks/library/wa-cssqueries/