Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.12.2019, 08:29   #1
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию Как сделать картинку адаптивной, само растягивающейся к размеру монитора, чтобы размер баннера изменялся сам - подстраивался под дизайн сайта

Код:
<style type="text/css">

.css-adaptive {
display: block;
max-width: 100%;
height: auto;
}

</style>

<img src="https://programmersforum.ru/kartinka.gif" class="css-adaptive">
Alar вне форума Ответить с цитированием
Старый 24.12.2019, 11:56   #2
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Непонятно, что нужно. Проверил, картинка и так заполняет собой весь div с автоматическим масштабированием:
Код:
<!DOCTYPE html>
<html>
	<head>
	<style type="text/css">
		.css-adaptive {
			display: block;
			max-width: 100%;
			height: auto;
		}
	</style>
</head>
	<body>
		<div style="width: 800px; height: 600px;">
			<img src="1.jpg" class="css-adaptive">
		</div>
	</body>
</html>
Arigato вне форума Ответить с цитированием
Старый 24.12.2019, 12:46   #3
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию

Так это просто тема вопрос-ответ.
Решение в первом посте рабочее, оставил для архива.
Alar вне форума Ответить с цитированием
Старый 24.12.2019, 12:52   #4
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Во многих случаях под картинку лучше использовать не тег img, а background.
Arigato вне форума Ответить с цитированием
Старый 30.12.2019, 11:20   #5
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

Цитата:
Сообщение от Arigato Посмотреть сообщение
Во многих случаях под картинку лучше использовать не тег img, а background.
в корне не согласен с этим. background это лишь стилистика внешнего вида, но не имеет ни какого синтаксического значения. если после удаления css стилистики, содержательная часть документа страдает, то вы сделали не верно. то есть, если картинка имеет какую то смысловую нагрузку в контенте, то она должна быть именно картинкой с alt и title
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 30.12.2019, 14:21   #6
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Цитата:
Сообщение от Лубышев Посмотреть сообщение
если картинка имеет какую то смысловую нагрузку в контенте, то она должна быть именно картинкой с alt и title
А где в теме сказано про наличие смысловой нагрузки?
Arigato вне форума Ответить с цитированием
Старый 07.01.2020, 03:53   #7
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

Цитата:
Сообщение от Arigato Посмотреть сообщение
Во многих случаях под картинку лучше использовать не тег img, а background.
Ну в таком случае можно и Canvas)))

Цитата:
Сообщение от Arigato Посмотреть сообщение
А где в теме сказано про наличие смысловой нагрузки?
а где в теме написано про бекграунд? Написано "картинка" в html есть четкое определение, что такое картинка. А так то можно и canvas использовать, ни кто ж не осудит...
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как в css и html сделать разный дизайн сайта для телефонов и пк pelemexa HTML и CSS 32 23.08.2019 15:14
Какое свойство применить к div контейнеру чтобы он подстраивался под внутренние блоки? tesla07 HTML и CSS 2 09.02.2015 13:24
Как сделать, чтобы когда наводишь курсором на картинку, она меняет цвет??? Proger16 HTML и CSS 2 19.07.2013 21:45
Как сделать,чтобы программа работала при низком разрешение монитора? RomanDemidov Общие вопросы Delphi 5 13.12.2010 19:10
Скажите как сделать так, чтобы размер формы оставался фиксированным? Faramund Помощь студентам 2 20.03.2007 20:14