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


× Быстрый вопрос
Пользователь месяца
Vmir Vmir 1-й за Апрель
Очков активности: 1 548 8 тем, 62 сообщения, 12 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 162 1 тема, 24 сообщения, 4 балла репутации

  • Фотография Vmir
    #2

    Vmir
    Очков активности: 82.5 Вне конкурса за определение пользователя месяца

  • Фотография Роман Зеленков
    #3

    Роман Зеленков
    Очков активности: 76.5 7 тем, 30 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #4

    Megoydagi (24ho.ru)
    Очков активности: 57 2 темы, 13 сообщений, 2 балла репутации

  • Фотография r0mZet
    #5

    r0mZet (rz-style.ru)
    Очков активности: 54 1 тема, 9 сообщений, 3 балла репутации

  • Фотография BLIK
    #6

    BLIK
    Очков активности: 36 Вне конкурса за определение пользователя месяца

  • Фотография dos1k
    #7

    dos1k (dos1k.ru)
    Очков активности: 21 2 темы, 8 сообщений, 1 балл репутации

  • Фотография Mandarin
    #8

    Mandarin
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография kolver
    #9

    kolver
    Очков активности: 21 2 темы, 8 сообщений, 1 балл репутации

  • Фотография agrx
    #10

    agrx (key-assort.ru)
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 20.04.2019
  • Яндекс выдача: 18.05.2019
Топ 5 участников по репутации


Неправильное отображение сайта с телефонов

#1 fitwm

fitwm
  • Неактивные
  • 4 сообщений
  • Репутация: 0
0

Отправлено 18 Май 2013 - 15:48

Дорогие друзья, когда я захожу с телефона на мой сайт все отображается слишком узко, (т е очень сжимается страница) посмотрите пожалуйста картинку, как сделать так что бы отобразился всю страницу? Помогите пожалуйста какой код в css надо написать?

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

  • Screenshot0001.jpg

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 18 Май 2013 - 16:07

Под мобильные устройства нужно делать отдельный шаблон ну или стили специально оптимизировать
тебе помгут вот такие конструкции
@media only screen and (min-width: 480px)
  • 0

#3 fitwm

fitwm
    Topic Starter
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 18 Май 2013 - 16:11

т.е. мне надо этот код в стиле вставить?
  • 0

#4 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 18 Май 2013 - 16:12

вот почитай
http://designnotfoun...-media-queries/
  • 0

#5 fitwm

fitwm
    Topic Starter
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 18 Май 2013 - 16:17

те мне надо этот код в стиле вставить?

или можно я файл тут загружу, поможешь?

дело в том что я просто именно в стиле плоха разбираюсь

Да и еще у меня задано в стиле вот такая строчка

.post-thumb.in-mobile {display:none;}
/*//////////////////////////////////////////////////////////////////////////////
// mobile css
/////////////////////////////////////////////////////////////////////////////*/
/* Desktop 1024px - most commenly resolution ----------- */
@media only screen and (min-width:768px) and (max-width:1118px) {

  • 0

#6 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 18 Май 2013 - 16:17

дружище, ну это целое дело - оптимизировать сайт для мобильных устройств, тут не отделаешься добавлением нескольких строчек кода.

Почитай об
1. Верстке для мобильных устройст
2. Адаптивной верстке

в сети куча информации
  • 0

#7 sae

sae
  • Неактивные
  • 269 сообщений
  • Репутация: 79

Отправлено 18 Май 2013 - 16:19

Весело и вкусно: http://bootstrap-ru.com/
  • 0

#8 fitwm

fitwm
    Topic Starter
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 18 Май 2013 - 16:28

Спасибо попробую

@media only screen and (min-width:300px) and (max-width:770px){/* ipad 780px */ для всех телефонов как надо изменить это?
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru