Конвертировать пиксели в процентах для всех элементов веб-страницы - PullRequest
Новая
       34

Конвертировать пиксели в процентах для всех элементов веб-страницы

1 голос
/ 08 февраля 2012

Я создал веб-страницу с фиксированными позициями, используя высоту, ширину, левое и правое положение в элементах на странице.

Потратил почти 3 дня на разработку пользовательского интерфейса, и теперь у меня возникают проблемы с другим экраномрезолюции.Страница была построена с высоким разрешением, и, если я попробую ее на экране с низким разрешением, она отрежет часть экрана.

Есть ли способ, которым я могу преобразовать все значения пикселей на странице в проценты, чтобы она адаптироваласьразрешение экрана пользователя?

1 Ответ

1 голос
/ 22 марта 2013

Идея проста.Вы должны иметь контейнер с шириной 100%, и все дочерние элементы должны складываться, чтобы иметь 100% (+/- любые отступы / границы).Здесь я создал пример

http://jsfiddle.net/fBXkQ/ (вы можете изменить видовой экран, и он будет сам настраиваться) 

<ul style="width:100%">
   <li style="width:50%"></li>
    <li style="width:50%"></li>

</ul>

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

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

...