X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Неправильное отображение сайта с телефонов
fitwm
fitwm
Topic Starter сообщение 18.5.2013, 16:48; Ответить: fitwm
Сообщение #1


Дорогие друзья, когда я захожу с телефона на мой сайт все отображается слишком узко, (т е очень сжимается страница) посмотрите пожалуйста картинку, как сделать так что бы отобразился всю страницу? Помогите пожалуйста какой код в css надо написать?
Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 18.5.2013, 17:07; Ответить: isvetlichniy
Сообщение #2


Под мобильные устройства нужно делать отдельный шаблон ну или стили специально оптимизировать
тебе помгут вот такие конструкции
@media only screen and (min-width: 480px)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fitwm
fitwm
Topic Starter сообщение 18.5.2013, 17:11; Ответить: fitwm
Сообщение #3


т.е. мне надо этот код в стиле вставить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 18.5.2013, 17:12; Ответить: isvetlichniy
Сообщение #4


вот почитай
http://designnotfound.ru/about-media-queries/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fitwm
fitwm
Topic Starter сообщение 18.5.2013, 17:17; Ответить: fitwm
Сообщение #5


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

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

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

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

.post-thumb.in-mobile {display:none;}
/*//////////////////////////////////////////////////////////////////////////////
// mobile css
/////////////////////////////////////////////////////////////////////////////*/

/* Desktop 1024px - most commenly resolution ----------- */
@media only screen and (min-width:768px) and (max-width:1118px) {
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 18.5.2013, 17:17; Ответить: isvetlichniy
Сообщение #6


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

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

в сети куча информации
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sae
sae
сообщение 18.5.2013, 17:19; Ответить: sae
Сообщение #7


Весело и вкусно: http://bootstrap-ru.com/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fitwm
fitwm
Topic Starter сообщение 18.5.2013, 17:28; Ответить: fitwm
Сообщение #8


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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5481 Вчера, 16:33
автор: 2Index
Открытая тема (нет новых ответов) Перенос сайта на CMS Wordpress
8 freeax 4792 10.3.2024, 14:58
автор: freeax
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
9 Aloof 2360 8.3.2024, 20:41
автор: ZerKuS
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСколько времени нужно для раскачки нового сайта?
29 metvekot 7755 8.3.2024, 15:41
автор: malamut
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
4 boltuk 1168 2.3.2024, 13:00
автор: toplinks


 



RSS Текстовая версия Сейчас: 19.3.2024, 7:35
Дизайн