Блог

Главная - Вопросы по программированию - CSS left-атрибут: 50% ИЛИ 500 пикселей, в зависимости от того, что больше?

CSS left-атрибут: 50% ИЛИ 500 пикселей, в зависимости от того, что больше?

#css #html

#css #HTML

Вопрос:

У меня есть div, который имеет следующий css: позиция: фиксированная; высота: 100%; слева: 50%;

Возможно ли использовать этот элемент left: 50% в ситуациях, когда 50% ширины браузера равно> 500 пикселей, а left: 500px 50% ширины браузера равно <500 пикселей?

Т.е. элемент будет располагаться с большим значением: 500px ИЛИ 50% ЕСЛИ 50% > 500px .

Спасибо

Комментарии:

1. Я знаю, мне было интересно, есть ли решение css с использованием условного css

2. Правило № 1 условного CSS — не использовать его. Если вам действительно нужен условный css — есть скрипт, который генерирует его на основе входных параметров

Ответ №1:

Лучше всего было бы использовать медиа-запросы

Вот спецификация W3: http://www.w3.org/TR/css3-mediaqueries/#media0

Вот рабочий пример: http://jsfiddle.net/davetayls/CTwuc/3/embedded/result /

И код: http://jsfiddle.net/davetayls/CTwuc/3 /

Ответ №2:

Все зависит от вашей страницы. И, насколько это возможно, не применяйте% ни к какому свойству. Дайте им конкретную единицу измерения.

Метки: , ,