Аналог @media

ZiX

Коддинг, Парсинг
Регистрация
9 Июл 2011
Сообщения
1.378
Реакции
707
Есть ли аналог, с условием что например @media screen (min-width:444px)
Расчитывалось по ширине какого то класса. А не экрана.. .. Тесть ширина больше 100 то одно, меньше то другое. Такое реально без js?
 
может лучше calc пристроить?
 
А чем @media те устраивает?
 
Уточните.

Надо отпрашиваться от размера блока
А размер блока зависит от ширины экрана? Всё равно не ясно в чем проблема.
calc - это не позволит делать хитрые условия. Он работает в пределах одной величины. Например width: calc(100% - 500px) - будет высчитаваться ширина экрана - 500px.
 
Альтернативы @media в чистом CSS (без использования js и т.п.) нет. @media сам по себе довольно гибкая штука, возможно просто нужно покурить побольше Для просмотра ссылки Войди или Зарегистрируйся..
Ну и суть вопроса не совсем понятна.. можно немного разжевать?
 
Ну если ширину задать в процентах можно использовать calc
width: calc(80% + 200px)
 
Чего все к width прикопались?

Может ему другие стили надо менять?

И я не знаю способов это сделать без js
 
Это реально, но только если ваш блок будет фреймом, в который вы поместите соответствующий стиль c media queries

Вот, набросал пример:
Для просмотра ссылки Войди или Зарегистрируйся
Меняйте ширину output потянув за край.

Для просмотра ссылки Войди или Зарегистрируйся напрочь не поддерживается в IE, поэтому помещать стили придется другим путем))

А чем JS не устроил?
 
Назад
Сверху