2013-09-08 4 views
3

Должен ли я использовать разные файлы CSS или просто делать все в процентах (например, 90% вместо 1000px). Но, делая все в%, я не могу сопоставить фоновое изображение div, размер шрифта и т. Д.Как оптимизировать сайт для разных разрешений экрана?

Можете ли вы просто дать мне ссылку на подробное объяснение того, как это можно достичь?

+0

Возможный дубликат http://stackoverflow.com/questions/14580695/how-can-i-create-html-pages-that-automatically-adjust-their-images-to-different/14580875#14580875 – VahidNaderi

+1

Вы ищете «Отзывчивый веб-дизайн»? – eLRuLL

+0

спасибо! искал его в Google и нашел прочную статью! Я не знал, как правильно поставить вопрос. –

ответ

0

я сказал бы использовать что-то вроде начальной загрузки в качестве основы CSS http://getbootstrap.com/getting-started/ это поможет вам выделить от необходимости изобретать колесо

2

Вы можете использовать различные тег медиа в CSS для различных разрешений экрана. Вы можете использовать комбинацию em, px и %.

Современные браузеры поддерживают rem или relative-em

Я бы предложил использовать заранее созданный шаблон HTML/CSS, чтобы начать и настроить его в соответствии с вашими требованиями. Bootstrap - очень распространенный и популярный шаблон, который вы можете использовать.

1

Bootstrap имеет отличную документацию со многими видеоуроками, доступными онлайн. Я сейчас вхожу в это сам.

+1

Можете ли вы объяснить и дать пример того, как он может решить OPs Q? Ссылки на эту «документацию», о которой вы говорите, тоже были бы хороши! – yhw42

+0

Вот несколько ссылок на видеоролики, которые мне очень помогают, чтобы их повесить. http://tinyurl.com/oampntj http://tinyurl.com/pcje9nz http://tinyurl.com/npwphs2 http://vidinterest.com/playlist/enbeeone3/twitter-bootstrap-video- tutorials # .UizMsRaTM5s http://webdesign.tutsplus.com/?s=bootstrap – Daniel