2014-10-25 1 views
0

Я строю веб-сайт с помощью WordPress. Хотя страницы хорошо подходят для мобильного сайта, эта страница отображается очень загруженной. Это страница с сайта - http://www.cyberfosters.com/anspress/Что нужно настроить, чтобы тексты не обертывались?

Если вы нажмете F12, используя браузер Chrome на этой странице и переключитесь в «Режим устройства», вы увидите, как он отображается на мобильном устройстве, я просматриваю CSS файлы, чтобы узнать, что нужно изменить, но я не могу понять. Я хочу, чтобы страница отображалась на мобильном телефоне, как на веб-сайте, но просто уменьшалась.

+0

Мертвая ссылка и недостаточно информации в вопросе, чтобы держать ее открытой. Голосование, чтобы закрыть - пожалуйста, всегда предоставляйте достаточную информацию в самом вопросе, чтобы ссылка не нужна. – halfer

ответ

0

Я смотрел ваши html и css, и проблема, кажется, очень проста: ваш сайт не строится на маленьком, потому что он использует сочетание значений ширины в PX и%, дизайн должен быть установлен в% хорошо работать на нескольких устройствах, не используя специальные страницы для мобильных телефонов и других для ПК, это мое рекомендация.

Пример, если вы поместите изображение 1090px на разрешение экрана 800 пикселей, оно просто не работает, поэтому мы должны установить значение ширины изображения на 100% в этом случае, и так далее изображения автоматически преобразуются в простой способ , Сделайте то же самое с изображениями таблиц divs spans и т. Д.

+0

Это означает, что все, что мне нужно сделать, - установить значения из em/px в%? Это исправит? –

+0

Я смотрю на ваш сайт с Xperia прямо сейчас, и почти все кажется прекрасным, единственная ширина проблемы ширины в верхнем меню, это должен фиксированный вид .ubermenu .ubermenu-submenu.ubermenu-submenu-id-375 {width : 300px; мин-ширина: 300px; } –

+0

Вы уверены, что ищете это как мобильный сайт, а не как рабочий стол? Потому что это испортилось на моем MotoG –