Раньше я использовал Zurb Foundation и Skeleton, поэтому я знаком с обоими, но мне никогда не приходилось конвертировать существующий веб-сайт на отзывчивый веб-сайт раньше. Какой самый быстрый способ конвертировать мой сайт? Использование фреймворка, как указано выше, или добавление медиа-запросов для уже предоставленного кода? (Разве что даже работать?)Самый быстрый способ сделать сайт отзывчивым?
ответ
Определите, какие устройства вы хотите поддержать, а затем добавить таблицу стилей с чем-то вдоль этих линий:
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
/* Smaller Resolution Desktops and Laptops */
[...]
}
@media (max-width: 650px) {
/* Smaller devices */
[...]
}
@media (max-width: 450px) {
/* Even Smaller devices */
[...]
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* Even Smaller devices */
[...]
}
Это проще всего проверить, если они идут в порядке убывания. больше примеров медиазапросы здесь:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
спасибо! Так что сделать это, как это было бы самым простым способом сделать сайт отзывчивым –
Да, потому что вы можете добавить его в существующую таблицу стилей и сразу же начать делать переопределения. –
Ты сделал это Джо? Каковы были ваши результаты? Я собираюсь сделать то же самое на веб-сайте клиента, и я пытаюсь решить, рекомендовать ли они перестроить свой CSS с нуля (это довольно большой проект) или сделать это таким образом. – vrutberg
В моем случае мне нужно переписать сайт с нуля, потому что мой отзывчивым файл стиль техника его подводит решить проблему .. Так что я переписать мои стили с помощью LESS и создать отзывчивая таблица стилей с правильными медиа-запросами, такими как Мэтью Дарнелл.
Я не знаком с Скелетом, но Twitter Boostrap отлично работает для меня.
Если вы хотите немного поработать и переделать мозг, есть способ установить фундамент в текущем проекте (в частности, в проектах компаса).
Сначала вам необходимо установить компас и превратить проект в проект компаса. Легкий способ сделать это через набор кода и просто перетащить папку проекта в комплект кода. Вы можете получить некоторые подсказки терминала через эту страницу на веб-сайте фонда.
http://foundation.zurb.com/docs/sass.html
Вы бы после этого нужно открыть терминал и введите
cd /path-to-your-project-folder/
введите
compass install -r zurb-foundation foundation
Вы можете попробовать и в одиночку использовать фундамент на существующие приложения, используя полностью дерзость (нет компаса), но вам нужно будет загрузить основу с сайта git и @ включить scss по одному. Вы можете найти информацию на странице, указанной выше.
- 1. Самый быстрый способ сделать перекресток?
- 2. Самый быстрый способ сделать FFT
- 3. Как сделать сайт отзывчивым?
- 4. Сделать существующий сайт отзывчивым
- 5. Есть ли способ автоматически сделать сайт отзывчивым?
- 6. Как сделать сайт отзывчивым?
- 7. Какой самый простой способ сделать быстрый сбой?
- 8. Самый быстрый способ сделать тени на iOS?
- 9. Каков самый быстрый способ сделать целое деление?
- 10. Самый быстрый способ сделать вычитание коллекции
- 11. Самый быстрый способ сделать массовое обновление
- 12. Самый быстрый способ сделать screenShot UIView
- 13. Самый быстрый способ сделать подмножество в R
- 14. Самый быстрый способ сделать это двойное суммирование?
- 15. Как сделать текущий сайт отзывчивым?
- 16. Как сделать мой сайт отзывчивым
- 17. Как сделать сайт Wordpress отзывчивым
- 18. Сделать сайт отзывчивым через CSS
- 19. Попытка сделать мой сайт отзывчивым
- 20. Самый быстрый способ Алгоритм
- 21. Самый быстрый способ взять
- 22. Самый быстрый способ импорта?
- 23. Joomla: Самый быстрый способ конвертировать готовый html-сайт в Joomla
- 24. Самый быстрый способ загрузить файл на сайт с помощью java
- 25. Есть ли способ сделать сайт отзывчивым без медиа-запросов
- 26. Самый быстрый способ клонирования GregorianCalendar?
- 27. Самый быстрый способ отображения данных
- 28. Самый быстрый способ создать флажки
- 29. Самый быстрый способ изменения структуры
- 30. Самый быстрый способ подсчета ALAssetLibrary?
В ответ на что? Вы говорите о производительности сайта? Вы ссылаетесь на медиа-запросы, которые касаются чего-то другого. Я думаю, мы смущены. В чем ваш вопрос? – jfriend00
@ jfriend00, термин «отзывчивый», в веб-дизайне (и, в частности, «отзывчивый дизайн» для тегов вопроса) относится к веб-сайтам, которые динамически корректируют свой макет, используя запросы CSS-мультимедиа, для любого размера экрана, на котором они находятся. –