X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Картинки на адаптивном дизайне
magistr_yoda
magistr_yoda
Topic Starter сообщение 24.5.2015, 14:55; Ответить: magistr_yoda
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 340
Регистрация: 16.7.2010
Поблагодарили: 52 раза
Репутация:   9  


Привет, недавно сделал дизайн для мобильной версии сайта, поставил meta name="viewport" content="width=device-width, initial-scale=0,5
Текст масштабируется как надо, но вот картинки в статьях - стали сильно уменьшаться, т.е. раньше они были шириной во всю центральную область.
Но на мобильной версии сайта, они уменьшаются и выглядят маленькими, сдвинутыми в бок.

Как можно задать на яваскрипте может быть как нибудь, чтобы картинки к примеру шириной больше 600 px - изменялись на всю ширину рабочей области ?
Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
santis
santis
сообщение 24.5.2015, 15:45; Ответить: santis
Сообщение #2


Топовый постер
*******


Группа: Active User
Сообщений: 3487
Регистрация: 29.11.2010
Из: Краснодар
Поблагодарили: 1510 раз
Репутация:   164  


А ширина области сколько?
поставь если ширина области 600px:
Код
max-width: 600px;
width: 100%


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 24.5.2015, 17:03; Ответить: falken
Сообщение #3


online
*******

Группа: Ex-Moderator
Сообщений: 3742
Регистрация: 23.3.2011
Поблагодарили: 3986 раз
Репутация:   361  


Код
width: 100%;
width: auto\9;
height: auto;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
magistr_yoda
magistr_yoda
Topic Starter сообщение 24.5.2015, 21:13; Ответить: magistr_yoda
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 340
Регистрация: 16.7.2010
Поблагодарили: 52 раза
Репутация:   9  


santis, Область шириной 100% - она растягивается на весь экран устройства.
В ней также есть другие картинки, которые поменьше, и идут сбоку статей.
Куда этот код надо поставить ?

falken, а куда этот код надо поставить ? в css файл ? как он полностью должен выглядеть ?
width: 100%;- с этим не будет проблем не будет, т.к. на сайте есть другие картинки, они поменьше и идут сбоку контента - они не растянуться(непропорционально) на всю ширину ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 24.5.2015, 22:19; Ответить: x64
Сообщение #5


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3429
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


Цитата(magistr_yoda @ 24.5.2015, 20:13) *
Куда этот код надо поставить ?

Цитата(magistr_yoda @ 24.5.2015, 13:55) *
недавно сделал дизайн для мобильной версии сайта, поставил meta name="viewport" content="width=device-width, initial-scale=0,5


:facepalm:
как можно «сделать» (в данном случае, сверстать) дизайн, и не знать, куда добавляются свойства (основы CSS)?

Цитата(magistr_yoda @ 24.5.2015, 13:55) *
картинки в статьях - стали сильно уменьшаться

Меня поражает, как такое может быть, когда человек сам верстает?
Установить Firebug и посмотреть, какие стили навешиваются на картинки. Хотя, имхо, верстальщик должен сам знать, что-где-как отображается (по крайней мере, должно).


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
15 komarik_vlad 1529 Сегодня, 12:05
автор: x64
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЗапилен сервис добавления водяного знака на картинки
10 Ultrastalker 818 Вчера, 23:27
автор: Ultrastalker
Открытая тема (нет новых ответов) Не отображаются картинки на главной WP
7 DONPOZITIV 978 30.11.2017, 7:33
автор: Nell
Открытая тема (нет новых ответов) Качественная аналитика на тему: Финансы/Авто/IT. Картинки в подарок!
от $2 за 1000 зн. WMZ/Qiwi/Приват24
2 Porsche 591 6.11.2017, 16:34
автор: Porsche
Открытая тема (нет новых ответов) Про картинки, вордпресс и картинки в вордпрессе
19 Bel_Ami 1857 13.10.2017, 18:39
автор: WoWeb


 



RSS Текстовая версия Сейчас: 17.12.2017, 16:35
Дизайн