/ / Citlivý dizajn pre mobilné stránky - css, responzívny dizajn, mediálne dotazy

Odozva dizajnu pre mobilné webové stránky - css, responzívny dizajn, mediálne dotazy

Ja budem prispôsobovať svoje webové stránky pre mobilné zariadenia. Moja otázka je, či by som mal vytvoriť poddoménu pre mobilnú verziu (m.mysite.com) alebo mám použiť mediálne dotazy v CSS? Moja prvá voľba bola mediálne dotazy, ale dnešné telefóny prinášajú obrazovky s rovnakým rozlíšením ako na PC monitoroch - čo robí mediálne dotazy neefektívnymi.

odpovede:

3 pre odpoveď č. 1

Dávam prednosť citlivému dizajnu.

Zvolím si iba subdoménu ako riešenie, keď budujem veľkú webovú stránku.

Ak budete mať responzívny dizajn, pozrite sa na bootstrap a nadáciu.

Moja rada:

Vytvárate veľkú webovú stránku s množstvom obsahu / dát. Použite poddoménu pre mobilné webové stránky.

Ak je to len malá webová stránka pre malé firmy.


1 pre odpoveď č. 2

Použite mediálne dotazy. Hoci množstvo pixelov je rovnaké, tieto telefóny používajú dvojnásobný pomer pixlov, takže zamýšľaný dizajn môže byť použitý, ale s ostrejšou grafikou a textom. Napríklad iPhone 5 má device-pixel-ratio=2, čo znamená, že váš prvok s 200px šírkou zaberie 400px na obrazovke iPhone.


0 pre odpoveď č. 3

Po prvé, pre SEO dôvody, že by bolo lepšie pre vás použiť adresár, a nie sub-domény. Všeobecne platí, že vyhľadávače preferujú mobilné responzívne webové stránky a "rank" je vyššia.

Podľa môjho názoru, aby bolo mobilné reagovať v oboch smeroch.