Css3 - Wyświetlanie www dodatkowo na smartfonach etc - Jak to zrobić?


(Rhopko) #1

Zrobiłem dwa arkusze css . Drugi dla smartfona i podlinkowałem w ten sposób , a na komórce nic?


(manieKMP) #2

Handheld jest w sumie ignorowany przez “większość” samrtphone’ów…

Powinieneś zrobić coś w tym stylu (zapis przykładowy dla szerokości wyświetlacza, ale można opisać tak szerokość i wysokość, czy to maksymalną, czy minimalną):

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile.css" />

Ale tak na prawdę to nie wszystko, więc:

Wprowadzenie (W3C)

czytanka 1

czytanka 2

czytanka 3

czytanka 4

lista mq standardowych urządzeń (zapis w css’ie, ale chyba nie będzie problemu z wyciągnięciem pod html)


(Rhopko) #3

Wstępnie czytałem o tym w CSS3 Łukasza Pasternaka  przejrzałem reż Twoje linki i nie zmienia to faktu że na mojej komórce widzę zwykłe formatowanie 1go css-a?

Tak jak by warunki dla zastosowania stylem.css nie obejmowały mojej komórki (htc sensation) ?

Nic mi nie przychodzi do głowy :frowning:


(Jim1961) #4

HTS Sensation ma 540px, więc najpierw usuń całkowicie “media” i zobacz czy style z “mobile.css” działają, a potem baw się z wartościami dla max-width czy max-device-width


(Rhopko) #5

Słuszna uwaga - potestuję .