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

Сервис обмена электронных валют


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

#1 fitwm

fitwm
  • Пользователь
  • 4 сообщений
  • Репутация: 0
0

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

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

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

  • Screenshot0001.jpg

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 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
  • Пользователь
  • 619 сообщений
  • Репутация: 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
  • Пользователь
  • 619 сообщений
  • Репутация: 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