Перейти к содержимому


Адаптация Картинкипод Моб. Версию Сайта

главная версия моб

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Sea Wolf

Sea Wolf

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 26 Октябрь 2014 - 15:01

Как сделать так, чтобы картинка добавленная на главную страницу с перс. компьютера адаптировалась под моб. версию. Заранее спасибо! :)

Прикрепленные изображения

  • с пк.png
  • с телефона.jpg


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 469 сообщений

Отправлено 26 Октябрь 2014 - 15:22

Просмотр сообщенияProgressFit (26 Октябрь 2014 - 15:01) писал:

Как сделать так, чтобы картинка добавленная на главную страницу с перс. компьютера адаптировалась под моб. версию. Заранее спасибо! :)

В шаблон style.css добавьте код:
.box-content.htmlDataBlock img {
width: 100% !important;
}


#3 Sea Wolf

Sea Wolf

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 26 Октябрь 2014 - 15:41

Спасибо, с телефона все изменилось, как и хотел. Проверил и на планшете все равно картинка выходит за рамки осн. зоны сайта. Как исправить?

#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Октябрь 2014 - 15:52

Просмотр сообщенияProgressFit (26 Октябрь 2014 - 15:41) писал:

Спасибо, с телефона все изменилось, как и хотел. Проверил и на планшете все равно картинка выходит за рамки осн. зоны сайта. Как исправить?
Данное изображение корректно отображается при разных разрешениях.
Пришлите пожалуйста скриншот с данной проблемой, если это возможно.

#5 Sea Wolf

Sea Wolf

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 26 Октябрь 2014 - 15:56

Вот так выглядит.

Прикрепленные изображения

  • с ipad.jpg


#6 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Октябрь 2014 - 16:05

Просмотр сообщенияProgressFit (26 Октябрь 2014 - 15:56) писал:

Вот так выглядит.
Почистите кэш, так же попробуйте зайти с другого браузера.

#7 GeekGirl

GeekGirl

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 07 Ноябрь 2014 - 00:01

Здравствуйте.
Столкнулась с той же проблемой в мобильной версии. Но после добавления этого стиля картинка в мобильной версии непропорционально сузилась, ее сплющило. А вставленная маленькая картинка с изображением иконки Вконтакта растянулась на ширину всего экрана.

Нужно что бы пропорционально изменялся размер фото и не изменялся значек Вконтакта.

аккаунт SL-277203
http://geekfair.ru/page/Home

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 469 сообщений

Отправлено 07 Ноябрь 2014 - 09:02

Просмотр сообщенияGeekGirl (07 Ноябрь 2014 - 00:01) писал:

Здравствуйте.
Столкнулась с той же проблемой в мобильной версии. Но после добавления этого стиля картинка в мобильной версии непропорционально сузилась, ее сплющило. А вставленная маленькая картинка с изображением иконки Вконтакта растянулась на ширину всего экрана.

Нужно что бы пропорционально изменялся размер фото и не изменялся значек Вконтакта.

аккаунт SL-277203
http://geekfair.ru/page/Home

Если Вы о картинке ВК, то Вы проводили изменения, расширяя все картинки в контент-зоне на ширину страницы. Поэтому и значок ВК растягивается до огромных размеров в длину, а в высоту остается прежним. Если хотите убрать это правило, то в шаблоне style.css удалите:
.box-content.htmlDataBlock img {
width: 100% !important;
}






Темы с аналогичным тегами главная, версия, моб

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных