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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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


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


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


Код
width: 100%;
width: auto\9;
height: auto;


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
magistr_yoda
magistr_yoda
Topic Starter сообщение 24.5.2015, 21:13; Ответить: magistr_yoda
Сообщение #4


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

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


Цитата(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 и посмотреть, какие стили навешиваются на картинки. Хотя, имхо, верстальщик должен сам знать, что-где-как отображается (по крайней мере, должно).

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27442 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Нужно добавить картинки на сайт
И видео
2 Ksardas777 4095 17.11.2018, 10:41
автор: Intuit89
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНадо поменять картинки кнопки и всё прочее.
Сделать круто, чтобы не стыдно за сайт
0 atavisma 2990 6.4.2017, 19:04
автор: atavisma
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4845 16.7.2016, 17:32
автор: -YroKPROG-


 



RSS Текстовая версия Сейчас: 25.4.2024, 0:28
Дизайн