l17l

Рейтинг
83
Регистрация
18.02.2012

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

yustnip:
А что с ними не так? Они уже в большинстве своем все новые фишки понимают, а те, кто пользуется древними аппаратами, как правило не используют их для серфинга в сети.

ну тогда я зря переживал )

---------- Добавлено 02.08.2014 в 11:18 ----------

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

CSS горизонтальная и вертикальная ориентация для мобильных устройств

Этот кусок кода является неплохим решением для мобильных устройств. В плане вертикальной и горизонтальной ориентации слоев. Что же, посмотрим на это.

/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* Styles */

}

/* Smartphones (landscape) ----------- */

@media only screen

and (min-width : 321px) {

/* Styles */

}

/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

/* Styles */

}

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* Styles */

}

/* iPads (landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

/* Styles */

}

/* iPads (portrait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

/* Styles */

}

/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

/* Styles */

}

/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

/* Styles */

}

/* iPhone 4 ----------- */

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* Styles */

}

maldivec:
Чет экономия на спичках. Там от лишних пары байт профита не будет.
Сколькоу вас сейчас весит css?

Может просто его пожать, ну пробелы, переносы строк удалить... толку больше будет. Хотя тоже чего ради....

121 килобайт. - как бы я считаю что много )

yustnip:
На днях посмотрел статистику браузера IE 8 и понял, что буду оптимизировать под него только в случае меганастойчивого желания заказчика. :)

да я то же где то смотрел, что ie8 и ie9 не используют.

а как быть с телефонными брайзерами, сафари, и т.д андроид брайзер, айофновский.

Дикий пионер:
Для всего сайта не знаю, а вот для конкретеой страницы было расширение для Хрома, которое такие стили показывало, название, к сожалению, не помню.

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

dkameleon:
важно ставить только то, что нужно для конкретной верстки.
наставить всякого мусора успеете ещё.

ну так это я для ie9 ставил.

Отлично пишет статьи, и не дорого, советую

Вы для адальт тематики пишите статьи ?

Реклама в каком виде ? смс сообщения ?

TitanIKS:
Для ие9 вроде так
-ms-transform: rotate(90deg);

вот так работает:

filter: progid:DXImageTransform.Microsoft.Matrix(

M11=-9.184850993605148e-17,

M12=-0.5,

M21=0.5,

M22=-9.184850993605148e-17,

SizingMethod='auto expand');

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-9.184850993605148e-17, M12=-0.5, M21=0.5, M22=-9.184850993605148e-17, SizingMethod='auto expand')";

-moz-transform: rotate(90deg);

-o-transform: rotate(90deg);

-webkit-transform: rotate(90deg);

transform: rotate(90deg);

Всего: 325