Делаю страничку примерный дизайн 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
Как вариант, можно сделать что-то типа такого: http://jsfiddle.net/jimmy_ringo/m5habxwu/
А затем с помощью джаваскприпта вычислять ширину кругов относительно высоты окна и паддинги сверху и снизу находить как полученное значение, деленное на два.
всем спасибо, вроде немного разобрался, буду делать по максимуму на CSS.