PavelTkachev

Какие ограничения и почему предпочли бы такой вариант? Я ищё способ, который будет работать и на мобильных и на планшетах и на настольных компьютерах.

Понял. Но теперь получилось, что квадраты по высоте вылезли за пределв зелёной области.

Спасибо! Сам бы не догодался. А как отступы убрать справа и снизу? Кроме как отрицательный margin.

Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.

Какие шрифты являются стандартными для мобильных?

Всем спасибо за ответы. Буду читать и пробовать и при необходимости задавать уже конкретные вопросы.

Спасибо! Изучаю. А какие + и - обоих подходов Вы выделяете? При использовании media браузер будет на лету менять стили при увеличении разрешения экрана? И под какое минимальное разрешение делать сайт?

У меня задача сделать сайт, который будет корректно отображаться на всех устройствах. Я вначале думал, что надо делать несколько версий сайта и от разрешения загружать ту или иную. Но теперь знаю, что нужно сделать резиновый, и вначале для мобильных устройств. Он уже потом сам будет перемасштабироваться. Читаю про это уже. Подскажите, что почитать про вёрстку картинок. Не переводить же их в кривые на лету. Можно, конечно загружать большие и масштабировать их с помощью HTML. Это правильный путь? Кажется странным передавать в мобильный несколько картинок шириной 600 пикселей и следовательно сумарным размером в мегабайт.

Спасибо! А можно ли масштабировать картики? Логотип, например.

Я плохо сформулировал вопрос. Как внедрить иконку в шрифт? И лучше ли это, чем svg? Про всё остальное, я так понял, что мне нужно рыть в направление Responsive web design

Прочитал, что иконки можно загрузить в шрифт. Тогда они будут масштабироваться. Как это делать?

Некоторое представление о вёрстке я имею, но знаний для решения поставленной задачи не хватает. Поэтому прошу помощи в указании направления обучения. Нужно сверстать сайт, так чтобы он всегда занимал весь размер монитора. То есть все элементы интерфейса должны автаматически перемасштабироваться под соответствующую высоту и ширину экрана. Вёрстка в основном будет состоять из текстов и элементов html+css. Есть ли для них возможности задавать размеры с использованием формул без javascript? Есть ли возможноти для картинок? Есть некоторое количество кнопок с графическими элементами. Решит ли проблему использование svg?