Клиент запросил дизайн для медиа-сайта и подчеркнул, что макет должен отображаться одинаково на настольных компьютерах, ноутбуках и планшетах (мобильные устройства будут использовать другой макет).Им нужен макет из двух столбцов, в котором столбцы прокручиваются независимо друг от друга.Не имея формального обучения и небольшого опыта работы с CSS, я надеялся, что некоторые эксперты CSS смогут оценить преимущества и недостатки использования процентов для определения размера CSS.
Некоторые вопросы:
1) Я хотел быПодумайте, что количество разрешений на разных устройствах может привести к несогласованности размеров элементов с заданной высотой пикселей.Проблематично ли использовать высоту пикселей?
2) Существуют ли какие-либо браузеры или устройства, которые не распознают размеры элементов в процентах?
3) Это вызовет проблемы в будущем кодировании (т. Е. Есть ли проблемы с размерами элементов в процентах вJavaScript?)
4) Следующий CSS выполняет то, что я ищу в Chrome, Firefox и Safari на Mac, который я использую для тестирования.Существуют ли какие-либо браузеры или устройства, которые будут вести себя неожиданно при использовании этого CSS?
#wrapper { position: relative; width: 99.9%; margin: 0 auto; }
#left { position: absolute; left: 0; float: left; width: 31%; margin: 0 2% 0 0; height: 100%; overflow: auto; }
#right { position: absolute; float: right; margin: 0; width: 66%; height: 100%; overflow:auto; }
5) Автоматически ли корректируются размеры в процентах при изменении размера событий или изменении ориентации?
6) Существует ли стандартный минимумразмер желоба для размещения полос прокрутки в середине макета?
7) Есть ли какие-то факторы, которые я упустил из виду при выборе процентов для определения размера элементов CSS?