Изображение перестает масштабироваться после определенных разрешений

Question

Изображение перестает масштабироваться после определенных разрешений

0

Я пытаюсь понять, почему на веб-странице, над которой я работаю, изображение перестает масштабироваться после достижения определенного разрешения. Вы увидите, что я имею в виду, если вы вручную измените размер браузера здесь: http://bit.ly/1nnzqeB

Может ли кто-нибудь помочь понять, что вызывает это?

Dezryth 15 апр. 2014, в 08:33

Источник

0

Не уверен - но у вас есть HTML-бу-бу, так что, возможно, попробуйте исправить его (строка 96-98, неправильно закрыты, комментарий)
Andrew Newby 15 апр. 2014, в 05:54

Теги:

html

css

stylesheet

2 ответа

Ещё вопросы

Не уверен - но у вас есть HTML-бу-бу, так что, возможно, попробуйте исправить его (строка 96-98, неправильно закрыты, комментарий)

Jagadeesh J · Answer 1 · 2014-04-15T03-33-00.000Z

Потому что максимальный процент увеличения ограничен. В случае хрома это 500%

Fizzix · Answer 2 · 2014-04-15T03-22-00.000Z

Извините, но это может быть невозможно с вашим текущим подходом.

Я настоятельно рекомендую использовать подход без использования атрибута CSS background если вы всегда хотите, чтобы он составлял 100% ширины порта представления. Вместо этого используйте тег img. Вы уже используете Bootstrap (по внешнему виду вашей демонстрации). Поэтому используйте тег img и придайте ему класс img-responsive.

ДЕМО С БОТСТРАПОМ

Вот пример с вашим изображением и как его можно реализовать в своем проекте. Если вам нужно поместить какой-либо текст поверх изображения (например, в вашем примере), просто сделайте тег div или заголовка более высоким z-index с relative или absolute позицией. Я могу привести пример, если вам это нужно.

ДЕМО С ВАШИМ ИЗОБРАЖЕНИЕМ

Нет, все в порядке! Это то, что мне нужно услышать. Я теряю здравомыслие, пытаясь заставить это работать должным образом. Я сделаю это сегодня вечером и посмотрю, что я могу сделать.
@ Дезрит - Отлично. Дайте мне знать, если вам повезет или вам понадобится дополнительная помощь. Если вам нужно, чтобы я что-то для вас диагностировал, просто отправьте скрипку :)