Масштаб изображения для планшетов и телефонов

Question

Я заметил, что на некоторых моих веб-страницах, когда я просматриваю их на ie. планшета или телефона Android, изображения кажутся слишком большими, в то время как остальная часть веб-сайта значительно уменьшена. Есть ли свойство CSS или что-то, что могло бы ухудшить мои изображения при просмотре на планшетах/телефонах?

спасибо.

EDIT: Я говорю о том, когда с помощью фонового изображения CSS свойство

Answer 1

UPDATE

Да, вы можете использовать средства массовой информации запросов проверки

следующие ссылки, чтобы начать работу. Надеюсь, что это помогает

http://mediaqueri.es/ 

http://css-tricks.com/css-media-queries/ 

пример образец

@media screen and (max-width:480px) 
{ 
    img 
    { 
    background-image:url('yourimage.jpg)"; 
    height:50px; 
    width:50px; 

    } 

} 

@media screen and (max-width:750px) 
{ 
    img 
    { 
    background-image:url('yourimage.jpg)"; 
    height:250px; 
    width:250px; 

    } 

} 

Answer 2

Это не хорошая форма, но если добавить следующий CSS к изображениям на странице они будут масштабироваться

img.content { 
    max-width: 100%; 
} 

(Тем не менее, они также будет загружать весь гигантский образ на телефон, поэтому будьте осторожны, чтобы не использовать ничего огромного, и если вы можете добавить свое изображение на сайт, который будет определять, есть ли это телефон или рабочий стол, вы можете отправить гигантское изображение на рабочий стол и меньшее, более удобное для телефона изображение на телефоне)