Изображение не изменяет размер в меньшем браузере

Я пытаюсь разместить изображение в правом нижнем углу моей страницы и всегда иметь его. Мне удалось это сделать, но у меня проблема при уменьшении окна браузера (что также является проблемой при просмотре в разных советах с меньшими экранами). Когда я делаю браузер меньше, изображение остается одного размера и в конечном итоге накладывается на другие элементы (например, мое меню). В любом случае, чтобы изображение автоматически уменьшалось вместе с браузером?Изображение не изменяет размер в меньшем браузере

код CSS я использовал, чтобы поместить изображение в правом нижнем углу выглядит следующим образом:

display:block; 
float:right; 
bottom:0; 
right:0; 
width:340px;

Изображение представляет собой PNG изображение, помещенное внутри DIV в моем HTML.

Я надеюсь, что кто-то может понять, что я имею в виду, и помочь мне с этим!

источник

2013-03-15 Sara Shellhammer

Для этого необходимо абсолютное позиционирование, а не FLOATS. –

Вы можете указать изображение в процентах для ширины вместо ширины пикселя. При изменении размера окна оно изменится. Попробуйте установить width: 20% в качестве отправной точки и посмотреть, что произойдет.

источник

2013-03-15 18:31:10

Использование % Значения для ширины и высоты изображения должны работать.

источник

2013-03-15 18:33:59 Bruner

Вы можете попробовать это

<html> 
<style> 
img{ 
position:absolute; 
bottom:0; 
right:0; 
max-width: 100%; 
height: auto; 
width: auto; 
} 
</style> 
<body> 
<img src="slide2.jpg"/> 
</body> 
</html>

изменение размера браузера также изменяет размер изображения, и всегда на дне.

источник

2013-03-15 18:35:09 Nikhar

Не используйте для этого случая плавающие, ваше позиционирование должно быть абсолютным и не устанавливать размеры пикселей. Если вы хотите установить его размер, вы можете сделать это в процентах, однако, возможно, лучшим решением будет иметь отдельные темы для отдельных размеров экрана.

источник

2013-03-15 23:47:31

Изображение не изменяет размер в меньшем браузере

ответ

Смежные вопросы