1170px слишком широк для отзывчивого сайта WordPress, или их идеальная максимальная ширина?

У меня есть отзывчивый веб-сайт на WordPress (со всеми медиа-запросами, которые настраиваются автоматически при настройке ширины сайта), и в настоящее время у меня он установлен на ширину 980 пикселей.1170px слишком широк для отзывчивого сайта WordPress, или их идеальная максимальная ширина?

Площадь моего контента составляет всего 600 пикселей в ширину, так как моя боковая панель и поля/обертывания занимают остальную часть ширины.

ток:

-------------- содержание 600px ------------- | --sidebar + маржа = 980 точек

Я бы хотел иметь более широкую область содержимого без изменения боковой панели/полей/оберток.

Поскольку это высококачественная отзывчивая тема, существует ли какая-либо опасность при установке полной ширины, скажем, 1170px? Это сделало бы область контента 790px, которая была бы намного более управляемой для меня.

Желаемый - но пригоден, если отзывчивый?

----------------------- содержание 790px -------------------- - | --sidebar + marginins = 1170 px

Или это просто полностью испортит Iphones/планшеты и т. д.? Спасибо за любое руководство, которое может предложить любой!

источник

2013-10-08 Jason Weber

Что вы подразумеваете под «отзывчивым»? Представляется, что вопрос заключается в проектировании определенной ширины и задании наилучшей ширины (в основном это опрос общественного мнения), поэтому подход, похоже, является полной противоположностью отзывчивому дизайну. –

Спасибо Jukka. Это каталитическая платформа/Dynamik Child Theme, и у них просто тонна различных медиа-запросов для разных размеров. Документация, которую они дают, - http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design, и тема просто позволяет вам щелкнуть по определенному макету (или самостоятельно настроить медиа-запросы в своем CSS). Думаю, я попробую 1170 и посмотрю, как это работает. –

У нас так много шаблонов с использованием 1170px и никаких проблем с этим, когда он отвечает. Работа в каждом iphones, ipads и планшетах.

Я рекомендую вам установить в вашем браузере (хром) плагин под названием Window Resizer. Это поможет вам, когда вы это разработаете.

источник

2013-10-08 06:04:00 Frank

Спасибо Фрэнку за то, что нашли время ответить. Это Catalyst Framework для WordPress; Я заплатил за него 127 долларов. Они просто дают вам список наборов значков на выбор, когда вы выбираете свой «отзывчивый» дизайн для разных планшетов ... или вы можете самостоятельно настроить запросы @media в CSS. Но если вы говорите, что 1170 работает без проблем, я уверен, что Catalyst несет ответственность. Я отдам его. их документация - blog.teamtreehouse.com/beginners-guide-to-responsive-web-design ... еще раз спасибо, и спасибо за подсказку с этим дополнением Chrome - я никогда не слышал об этом! –

Привет. Я вижу это впервые. Catalyst Framework для Wordpress. Как я вижу, это хороший инструмент. Во всяком случае, мне нравится фреймворк bootstrap, и это делает мои сайты или темы Wordpress очень легкими. – Frank

Спасибо, Фрэнк.Я нашел способ онлайн, чтобы сделать мой сайт жидким и отзывчивым, и он установлен в 1170, как и Bootstrap. Таким образом, теперь он выглядит хорошо на всех размерах в окне Window Resizer Chrome. Это требует много работы CSS. Еще раз спасибо. –

Ответы второго франка, а также хочу добавить, что контент всегда является определяющим для соответствующего размера. Я переместил сайты размером до 1280 на верхнем пределе.

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

источник

2013-10-08 20:52:21

Спасибо, Крис .. Мне удалось найти какие-то приемы на css-трюках или, может быть, это было здесь, но несколько трюков, чтобы сделать мой сайт отзывчивым и жидким ... и мне сейчас очень нравится смотреть. –

Удивительный, Джейсон! CSS-Tricks - это золотой руд ресурсов. Я также нашел сетку [Foldy 960] (https://github.com/davatron5000/Foldy960) весьма полезной, до такой степени, что я построил целую [шаблон с открытым исходным кодом] (http://cferdinandi.github.io/kraken /) вокруг него. Желаем удачи и не стесняйтесь обращаться напрямую, если у вас есть какие-либо вопросы или вы хотите отбросить некоторые идеи. –

1170px слишком широк для отзывчивого сайта WordPress, или их идеальная максимальная ширина?

ответ

Смежные вопросы