Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Автоматическое изменение ширины

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
ExPress
Отправлено: 10 Мая, 2014 - 18:26:07
Post Id


Новичок


Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013  


Помог: 0 раз(а)
Приветствую. Меня интересует такой вопрос. бывает, что некоторый контент, например, картинки выводящиеся в ряд вылезают за пределы дизайна (с телефонов с маленьким экраном), дабы не менять каждый блок возможно ли что-то сделать, чтобы если в экран телефона не помещается контент - то само тело страницы растягивалось вместе с тем, что вылезает?
Например вот такую шнягу вылечить (скрин прикрепляю)
Прикреплено изображение
eGCEWBJF5-M.jpg
 
 Top
Zuldek
Отправлено: 11 Мая, 2014 - 18:21:25
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)
Телепаты в отпуске.
Подобные, как вы сказали, "шняги" лечатся предоставление кода страницы.
По первой части поста — средствами js можно менять любые свойства любого элемента dom.
 
 Top
IllusionMH
Отправлено: 11 Мая, 2014 - 18:24:32
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
ExPress, шрину в процентах завадать, либо делать изменение ширины "шагами" через media queries
 
 Top
Ismail
Отправлено: 11 Мая, 2014 - 19:42:16
Post Id



Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Сент. 2012  


Помог: 0 раз(а)
Нужно в файле стилей (лучше создать отдельно) прописать как будет меняться ширина блоков каждый раз когда ширина браузера изменяется.

Вот например:

CODE (html):
скопировать код в буфер обмена
  1. @media only screen and (min-width: 1024px) and (max-width: 1279px) {
  2. .header {width:940px;}
  3. #menu-top {width:550px;}
  4. }
  5.  
  6.  
  7. @media only screen and (min-width: 768px) and (max-width: 1023px) {
  8. .header {width:740px;}
  9. #menu-top {width: 500px;}
  10. }
  11.  


Как видно, при ширине экрана от 1024 до 1279 пикселей ширина блока header равна 940 пикселей. Далее, ширина в интервале от 768 пикселей до 1023, header стал 740 пикселей...

В общем, можно погуглить с запросом адаптивная верстка.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB