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



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

#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 сообщений
  • Репутация: 80

Отправлено 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


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

Пользователь месяца
NataliaAntalia NataliaAntalia 1-й за Октябрь
Очков активности: 480 2 темы, 58 сообщений, 5 баллов репутации
Сайт: zdorovemedicina.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 297 0 тем, 18 сообщений, 11 баллов репутации

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

    BLIK
    Очков активности: 157.5 0 тем, 15 сообщений, 7 баллов репутации

  • Фотография NataliaAntalia
    #3

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 132 Вне конкурса за определение пользователя месяца

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

    Megoydagi (24ho.ru)
    Очков активности: 130.5 5 тем, 14 сообщений, 3 балла репутации

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

    Vmir
    Очков активности: 126 2 темы, 15 сообщений, 4 балла репутации

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

    Totti
    Очков активности: 117 0 тем, 13 сообщений, 6 баллов репутации

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

    MattCutts (dmitrylee.ru)
    Очков активности: 49.5 Вне конкурса за определение пользователя месяца

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

    miketomlin
    Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

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

    TimurR
    Очков активности: 39 3 темы, 4 сообщения, 2 балла репутации

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

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

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

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