Перейти к публикации

Проблемы с изображениями при уменьшение браузера


Рекомендованные сообщения

Здравствуйте,я столкнулся с такой проблемой на своем сайте.При уменьшение страницы изображение становятся больше и перекрывают просмотр текста.Пример ссылки на сайт: http://science21.ru/fizika/148-volt-ampernaya-harakteristika-rn-perehoda.html как это исправить?Не могу найти нигде.

Такая же проблема при просмотре сайта с мобильного устройства.

Ссылка на сообщение
Поделиться на других сайтах

 

23 минуты назад, levinado01 сказал:

 как это исправить?Не могу найти нигде.

в файле responsive.css в 39 строке



 

Ссылка на сообщение
Поделиться на других сайтах
26 минут назад, alex32 сказал:

 

в файле responsive.css в 39 строке



 

#content, #boarditem, .boardid, .allcont, .fullstory img, #firstinf, .fipic, .fipic img, #lascom, #news { width: 550px;}

Вот это строка,а что тут менять ?

Изменено пользователем levinado01
Ссылка на сообщение
Поделиться на других сайтах
36 минут назад, germanydletest сказал:

Я прочел и проанализировал,но так ничего и не понял,что именно поменять.

Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, levinado01 сказал:

Я прочел и проанализировал,но так ничего и не понял,что именно поменять.

Добавьте в самый низ в файле responsive.css строчку

.fullstory img{max-width: 100%}

 

Ссылка на сообщение
Поделиться на других сайтах
11 минуту назад, odys сказал:

кеш почисти, всё помогло

Почистил кеш и сайта,и браузера,и с мобильного устройства смотрел ничего не поменялось.

Вот ссылка для примера http://science21.ru/fizika/148-volt-ampernaya-harakteristika-rn-perehoda.html

При уменьшение размера браузера,маленькие картинки становятся больше.

Ссылка на сообщение
Поделиться на других сайтах
12 часа назад, levinado01 сказал:

При уменьшение размера браузера,маленькие картинки становятся больше.

Не удивительно, т.к. в этом файле у вас принудительно заданы размеры картинок через width: ...

 

Ограничивать размеры картинок нужно через max-width а не через width, т.к. width это принудительное задание размера картинок, а max-width задает что картинка должна не превышать указанных размеров.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, celsoft сказал:

Не удивительно, т.к. в этом файле у вас принудительно заданы размеры картинок через width: ...

 

Ограничивать размеры картинок нужно через max-width а не через width, т.к. width это принудительное задание размера картинок, а max-width задает что картинка должна не превышать указанных размеров.

Я понимаю,что это зависит от width.Но не могу понять в какой строчке и,что именно написать,Если кто-то поможет буду очень благодарен.

Ссылка на сообщение
Поделиться на других сайтах

Удаляйте везде где у вас в стилях стоит .fullstory img их там у вас несколько.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...