- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Зачем быть уникальным в мире, где все можно скопировать
Почему так важна уникальность текста и как она влияет на SEO
Ingate Organic
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Перепробовал много вариантов, но ни как не могу найти правильное решение.
В первом варианте всё работает, картинка сжимается при изменении размера окна браузера
1.
<!DOCTYPE html>
<head><style>
.block{width:100%;height:auto;background: no-repeat;margin:0;padding:10px;}
</style></head><body>
<header></header><page>
<p></p>
<div class="block"><img src="../img.jpg"></div>
<p></p>
</page><footer></footer></body></html>
Во втором варианте фоновая картина остаётся в заданных размерах
2.
<!DOCTYPE html>
<head><style>
.block{width:100%;max-width:800px;height:462px;background:url("../img.jpg")
</style></head><body>
<header></header><page>
<h1></h1>
<p></p>
<div class="block"></div>
<p></p>
</page><footer></footer></body></html>
нужно чтоб второй вариант работал как в первом т.е. картинка сжималась при изменении размера окна браузера.
Подскажите где что не так.
Спасибо с шириной разобрались, а вот высоту не как не смог убрать.
100% 100% растягивает изображение, 100% 50% ни чего не меняет, auto тоже не решило ситуацию.
Mixalko, max-height:100%;
а вот высоту не как не смог убрать.
Сделать равной нулю?..
сделать 100%?
Сделать "как у изображения"?
Если последнее (и известны ширина и высота), можно вставить прозрачный пиксель соответствующих размеров...
Mixalko, max-height:100%;
не помогло
---------- Добавлено 24.09.2019 в 07:43 ----------
Сделать равной нулю?..
сделать 100%?
Сделать "как у изображения"?
Если последнее (и известны ширина и высота), можно вставить прозрачный пиксель соответствующих размеров...
при просмотре на меньшем экране т.к. высота задана в px то она и сохраняется, а сама картинка уменьшается. Не получилось сделать "как у изображения". Про прозрачный пиксель соответствующих размеров можно поподробнее
Уменьшил картинку в 2 раза под моб. устройства, но чем меньше экран тем пустое место под картинкой всё равно увеличивается.
Уменьшил картинку в 2 раза под моб. устройства, но чем меньше экран тем пустое место под картинкой всё равно увеличивается.
Если нужно "заполнить" пустое место, то
Однако, картинка при этом может быть обрезана..
Если нужно "заполнить" пустое место, то
Однако, картинка при этом может быть обрезана..
Картинка показывается полностью, а из-за настроек она обрезается. Пока лучший вариант background-size: contain;, но тут проблема с высотой.
Сейчас экспериментирую с @media only screen, пока не определился или уменьшенную картинку вставлять или height: px; везде прописывать, но это тоже не лучший вариант.