Alkalmazkodni a honlapon, vagy alkalmazkodni az elrendezés a honlapján

Hogyan alakítsuk át a helyszínen a mobil eszközök, adaptált és személyre szabott honlap design honlap sablon. Az utóbbi években ezek a kérdések érdeklődés minden programozó, akik már rendelkeznek a helyszínek és meg kell tartani a korral.

Először is két példát kód css:

Először is, a helyszínen, hogy alkalmazkodni tudjanak a mobil eszköz, meg kell, hogy helyezze a mezők között itt van:

Ez mondja meg a böngészőnek, hogy a CSS stílusokat tönköly stílusok különböző képernyőfelbontás.


Ahelyett, hogy egy egységes, van kettő. Attól függően, hogy hol ment a helyszínre, CSS kódot rejtett.

Ha a képernyő mérete nagyobb, mint 1020px mobil stílus # sidebar1_mobail nem jelenik meg, ha kevesebb, mint 1020px elrejti a fő # sidebar1. és a mobil kijelzőjén.

Stílusok lehet regisztrálni alatt különböző méretű, attól függően, hogy mekkora a hely. Be kell szúrni egy további oldalt blokkolja, amely, ha a mobil változat jelenik meg, és ha van tele.

Ha az oldalsáv behúzva, például a bal széle a szülői egység - margó-bal: 590px;. is figyelembe távolságra a képlet, és tegye a százalék. Tehát a tartalom és a tálaló alkalmazkodik a képernyő mérete.
oldalsáv néz ki rosszul a kis képernyőn ehhez szükséges mozgatni a tartalmak szakaszon az egész képernyőt.

Két változatban teljesen működőképes.
Ez az! Most már tudja, hogyan kell alkalmazkodni a helyszínen mobil eszközökhöz, amely eljárás a legjobban illik hozzád, hogy választanod.

Kapcsolódó cikkek