Hogy a webhely néz ki a különböző eszközökön

Hogy a webhely néz ki a különböző eszközökön

Így folyamatosan kell növelni, lapozzunk, ami rettenetesen kényelmetlen. A mobil változata adaptív elrendezés vagy mindezen problémák megszűnnek. Még emlékszem, hogy egyszer meg az adaptív sablont az első projekt, azon gondolkodtam, hogy milyen a webhely különböző eszközökön. Erre én egy csodálatos szolgáltatást. És ma elmondom róla.

De általában, sőt, ez a dolog van még szükség, és akkor látni az elrendezés a webhely és az összes iskolában. Mivel az asztali és mobil változatának minden jó lehet, de mindent a lemezek figovenkaya. Ezért az ilyen vizsgálatok is kell használni, amikor létrehoz az erőforrást.

style = "display: block"
data-ad-client = "ca-pub-4066320629007052"
data-ad-slot = "5193769527"
data-ad-format = "auto">

Én nem használtam az időt, majd kiderült, hogy vannak olyan iskolák a kijelzőn különböző modulokat. Most viszont más DTP szakemberek segítségét.

Hogy a webhely néz ki a különböző eszközökön

Quirktools.com

Talán a legnépszerűbb szolgáltatás, ahol láthatjuk, hogy a webhely viselkedik, quirktools.com. Menj hozzá, és látni fogja egy egyszerű Műsoridő egy intuitív interfész. Csak légy biztos, hogy Ön a Screenfly fülre.

Hogy a webhely néz ki a különböző eszközökön

Hogy a webhely néz ki a különböző eszközökön

És most minden sikeresen beállítani. És persze nem korlátozódhat egy állásfoglalást. Nézzük meg, ahol csak lehetséges. És mellesleg a menüben, van egy másik érdekes egy gomb - Forgatás. Hála neki, tudjuk, hogy néz ki a helyén, ha a flip a képernyő 90 fokban.

ami.responsivedesign.is

Hogy a webhely néz ki a különböző eszközökön

Ami figyelemre méltó ez Cervis, ez a tény, hogy már csak négy engedélyek népszerű eszközökkel, de ezek egyszerre kerül megjelenítésre, így láthatja a nagy képet. Cool, mi?

deviceponsive.com

Előnye ennek a szolgáltatást, valamint az előző, az, hogy ne csak nézd meg a térképet, hanem képes szimulálni a működését ezek az eszközök, mint például a görgetés, sajtó, stb

Mobil / Érzékeny Web Design Tester

És persze nem tudok említeni bármely meghosszabbítását a böngészőben. Végtére is, sok esetben sokkal könnyebb dolgozni, hanem bármilyen szolgáltatást.

A mi szempontunkból, azt javasoljuk, hogy telepítse a kiterjesztés a Google Chrome, amely az úgynevezett Mobile / reagáló Web Design Tester. A telepítés után, akkor a tetején az ikonra kattintva, amelyen lehet választani a rendelkezésre álló engedélyek (a legnépszerűbb mobil telefonok és tablet modellek), valamint meghatározott saját alján a «Custom User Agent / Resolution» részén.

Hogy a webhely néz ki a különböző eszközökön

By the way, minden azt a fentiekben, ez a módszer az egyetlen, aki megjeleníti kivéve adaptív elrendezése és még néhány mobil változat (vk.com), így tartsa szem előtt.

Munka a

És persze nem tudok nem is beszélve a legtöbb klasszikus változata a vizsgálat. Hogy milyen a honlap nézd meg a különböző felbontásokban, csak meg kell nyitnia azt ablakos mód helyett teljes képernyőn, majd fokozatosan csökkentse ezt az ablakot.

Csökkentése az ablak tartalmát a honlap úgy alakítják, hogy méretéhez ezt az ablakot. Ez ilyen egyszerű.

Hogy a webhely néz ki a különböző eszközökön

De persze vannak hátrányai ezeket a módszereket. Nem mutatnak, hogy hogyan néz cayty hogy van egy külön mobil változata, hanem az adaptív. Például vk.com és ok.ru. Amikor elmegyünk hozzájuk a készüléket, akkor hordoz számunkra, hogy a mobil változata m.vk.com és m.ok.ru.

Üdvözlettel, Dmitry Kostin.