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



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

#1

Поделиться сообщением #1



fitwm

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

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

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

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

  • Screenshot0001.jpg

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. [HELP] проблема с отображением сайта.
  2. Отображение сайта в разных браузерах
  3. Гугл некорректно отображает страницы сайта
  4. ГуглХром некорректно отображает часть сайта
  5. Некорректное отображение описание сайта в поиске

#2

Поделиться сообщением #2



isvetlichniy

isvetlichniy
  • Пользователь
  • 622 сообщений
  • Репутация: 93

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

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

#3

Поделиться сообщением #3



fitwm

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

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

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

#4

Поделиться сообщением #4



isvetlichniy

isvetlichniy
  • Пользователь
  • 622 сообщений
  • Репутация: 93

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

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

#5

Поделиться сообщением #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

Поделиться сообщением #6



isvetlichniy

isvetlichniy
  • Пользователь
  • 622 сообщений
  • Репутация: 93

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

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

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

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

#7

Поделиться сообщением #7



sae

sae
  • Пользователь
  • 269 сообщений
  • Репутация: 79

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

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

#8

Поделиться сообщением #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