Tesszük mobilnub változata az oldalon

Szergej Syroezhkin Copywriter

Hozzon létre egy mobil változata a webhely a következő három módon:

• Készíts egy külön site mobil eszközök az al-domén;
• Készítsen mobil alkalmazások népszerű mobil operációs rendszer (iOS, Android, Windows Phone);
• Használja adaptív elrendezése az oldalon.

A második bekezdése minden világos: ha tudja, hogyan kell programozni a mobil platformon, ez nem nehéz, de ha nem - meg kell fizetni pénzt szakemberek.

Mobile elrendezés

Alapelvei mobil site:

• Mobil változat külön aldomain (pl m.vk.com);
• Hozzon létre egy hely verzió, teljesen átalakított mobil vásznak (általában a képernyő szélessége kevesebb mint 620px);
• A fő oldalon az oldalak betöltési észlelt a felhasználó böngészőjének, a képernyő szélességét, és az alapján, hogy a határozat vonatkozik felhasználó átirányítja a mobil változat.

Ha beszélünk alkalmazkodóképességét a mobil változata a mobil eszközök, meg kell szem előtt tartani, hogy a képernyőn megjelenő elemek nagynak kell lennie ahhoz, méret, egymástól azonos távolságra. Ha az elrendezés a használni kívánt „gumi” képernyőn (ami azt jelenti, hogy a méretei elemeket kell változtatni méretétől függően a képernyő). Ezeket az elveket kell követni tervezésekor a mobil változat.

Javascript és szélessége a felhasználó képernyőjén a fő helyszínen lehet, például a segítségével PHP-script. Egy példa egy ilyen szkript megtalálható detectmobilebrowsers.com.

adaptív elrendezése

Major felhasználása Adaptive elrendezése:

1. Használata CSS3 médialekérdezéseket (stílusok jog magában foglalja az összes szükséges adatot számos képernyő felbontás). például:
2. A helyszínen van kimutatását a felhasználó képernyőjének felbontása és betöltött néhány CSS-fájlt a megfelelő stílust függően neki:

Itt képernyő opció a hagyományos számítógépek és a kézi - a mobil eszközök.

Egy másik lehetőség:

Itt nubexMobile.css fájl betöltése készülékekhez képernyő szélessége kevesebb mint 480 px.

Így lehetőség van arra, hogy kiválassza a megfelelő típusú mobil eszközök támogatása, attól függően, hogy milyen típusú az Ön honlapján. Ha az elrendezés a mobil változat lehet hasznos szolgáltatás a Google-tól: PageSpeed ​​Insights. amely jelzi a tévedések és kihagyások a design.