Корисно, доступно искуство је од виталног значаја за успешну веб локацију. Ако ваши читаоци имају позитивно искуство, већа је вероватноћа да ће предузети акцију, укључујући куповину производа. Такође је већа вероватноћа да ће се вратити на ваш сајт или га препоручити другима. Искуство је кључ.

Медиа Куериес пружају различите ЦСС функције које могу оптимизовати вашу веб локацију. Омогућавају вам да прилагодите искуство сваког корисника на основу могућности његовог уређаја. Научите како да својим читаоцима пружите најбоље могуће искуство, било да користе телефон или велики десктоп монитор.

1. Карактеристика индикатора

@МедиаРуле има функцију показивача која вам омогућава да прилагодите свој дизајн на основу примарног показивачког уређаја. Можете тестирати доступност и квалитет.

Ова функција индикатора медијског упита узима једну од три вредности: ништа, грубо или фино. Ниједна од вредности се не примењује ако не постоји показивачки уређај. Макро вредност се примењује када примарни показивачки уређај има низак ниво тачности. А фина вредност се примењује када примарни показивач има висок степен тачности.

Горњи код генерише две улазне радио опције, које ће варирати у зависности од тачности примарног показивачког уређаја рачунара.

Уређаји који имају примарни показивачки уређај са ограниченим нивоом тачности имају велике радио дугмад. Оваквим корисницима пружа боље корисничко искуство. Са функцијом индикатора, можете осигурати да сви ваши корисници, без обзира на њихов уређај, имају пријатно искуство.

2. Било која карактеристика показивача

Функција медијског упита без показивача, попут функције показивача, циља на показивачке уређаје. Међутим, функција без показивача оцењује сваки показивачки уређај у рачунару. Функција без показивача такође користи вредности Ноне, Цоарсе и Фине.

Можете лако да замените горњи код са одељком Медиа Куери кода у примеру функције показивача. Горњи код приказује одговарајући екран на основу квалитета било ког показивачког уређаја који рачунар може имати.

3. Функција лебдења

Функција Ховер Медиа Куери процењује да ли је примарни механизам за унос уређаја способан да лебди изнад елемената у корисничком интерфејсу.

Горњи код ће приказати елемент <а>. Он ће променити боју (из црне у плаву) кад год се примарни систем за унос уређаја (који подржава лебдење) пређе преко њега.

4. Било која функција лебдења

Сваки медијски упит који лебди мишем циља било који механизам уноса, укључујући примарни механизам уноса.

Горњи медијски упит производи ефекат лебдења за било који механизам уноса који је способан да лебди изнад елемента.

5. Функција резолуције

Функција Ресолутион Медиа Куери броји број пиксела које приказује одређени уређај. Уређај који приказује више пиксела по инчу има бољу резолуцију јер приказује слике са више детаља. Ова функција може помоћи програмеру да одлучи који корисници уређаја могу јасније да виде елементе корисничког интерфејса.

Функција резолуције користи опсег. То значи да можете користити минималну и максималну резолуцију, као и кључну реч резолуције. Функција резолуције медијског упита повезана је са типом података резолуције. То значи да је карактеристика резолуције мерљива у једној од три јединице: тачке по инчу (дпи), тачке по центиметру (дпцм) или тачке по пикселу (дппк).

6. Карактеристика оријентације

Оквир за приказ уређаја може имати само једну од две оријентације: портрет или пејзаж. Имајте на уму да се оријентација прозора за приказ разликује од оријентације уређаја. Ако уређај користи мекану тастатуру, његов оквир за приказ може да се промени из портретног у пејзажни док је уређај још увек у усправном положају.

7. Висина карактеристика

Функција упита о висини медија вам омогућава да одредите ЦСС стил на основу висине прозора за приказ на уређају корисника. Ова функција подржава опсег, тако да можете користити и кључне речи мин-хеигхт и мак-хеигхт.

Уређаји са висином мањом од 360 пиксела неће приказати ивицу око пасуса на веб страници.

8. Видтх Феатуре

Функција Видтх Медиа Куери вам омогућава да креирате специфичан ЦСС стил на основу ширине прозора за приказ на уређају корисника. Ова функција такође подржава опсеге, тако да имате опцију да користите кључне речи мин-видтх и мак-видтх.

Коришћење медијских упита заснованих на ширини и висини може бити ефикасна стратегија за прилагођавање ваше веб локације.

9. Карактеристика боје

Функција Цолоур Медиа Куери процењује компоненту боје (црвена, зелена, плава) уређаја. Вредност се односи на то колико битова екран користи за сваку компоненту, што дефинише колико различитих боја може да прикаже. Модерни уређаји обично користе 24-битне екране који користе осам бита по компоненти боје. Такође узима целобројну вредност, где је безбојни инструмент нула.