Как правильно переделать статичную верстку под адаптивную?

[nikki4]

Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например:

@media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)

и так под разные устройства чтоб подгружались свои стили

 

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

Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно?

чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять только ширину основного макета?

 

Или как правильно это делается?

я просто знаю только самое основное, и как бы не вышло, что сделал бы криво или не оптимально.

Edited March 31, 2015 by nikki4

[advokatua]

Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно?

 

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

Edited March 31, 2015 by advokatua