Нужен совет по возможностям css

Делаю страничку примерный дизайн https://moqups.com/rutra127@gmail.com/LJvxjguT/ . Страница имеет размер окна браузера, и не должна скролится. Возможно ли сделать средствами CSS, чтобы блоки меню, круги, при уменьшении странице также пропорционально уменьшались. Радиус у блоков меню разный и зависит от высоты окна браузера. Или лучше делать это при помощи JavaScript.

возможно я не так понял тебя, но попробуй


а для блоков используй размеры в % относительно 100% основной странички

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

Единицы измерения vh - то, что ты ищешь. https://developer.mozilla.org/en-US/docs/Web/CSS/length#Viewport-percentage_lengths

Вот еще хороший сборник решений твоей задачи со стек оверфлоу http://stackoverflow.com/questions/2648733/make-a-div-square-when-there-is-a-dynamically-changing-width-based-on-percenta

2 Симпатий

Как вариант, можно сделать что-то типа такого: http://jsfiddle.net/jimmy_ringo/m5habxwu/

А затем с помощью джаваскприпта вычислять ширину кругов относительно высоты окна и паддинги сверху и снизу находить как полученное значение, деленное на два.

1 Симпатия

всем спасибо, вроде немного разобрался, буду делать по максимуму на CSS.