Sākumā mēs spēlējamies ar savu emuāra ziņu moduli, spēlējoties ar atstarpēm. Mēs pievienojam arī mazo krāsaino kvadrātu moduļa augšējā kreisajā stūrī - tā veida satura vizuālo apzīmētāju.
Nākamā izmaiņa, ko veicam, ir mazināt dažus ārējos atstarpes ar šaurākiem ekrāna izmēriem. Plašos ekrānos saturs ir 80% plats (10% platuma malas), bet labāk ir iet vairāk kā 90% uz mazākiem ekrāniem (5% platuma malām).
Mēs pievienojam nelielu pāreju, kad tiek sasniegts šis multivides vaicājums, kas var būt patiešām jautrs dizaineru triks. Man patīk šajā video, bet galu galā tas tika izvilkts no dizaina. Tas var kļūt nemierīgs, ja lapā ir daudz vairāk satura un tas diezgan novērš uzmanību.
Mēs mainām mūsu režģa sistēmu, lai tā pārtraukuma punkts būtu mazākais. Tas ir ļoti vienkārši, mēs vienkārši pārtraucam peldēt kolonnas un padarām tās width: 100%;Yay par nepārdomātu režģi! Mēs cīnāmies ar dažām specifikas problēmām ceļā.
Mēs atveram īsto iOS simulatoru, lai pārbaudītu režģi, kas strādā ar “īstu” mobilo ierīci. Mēs mazliet cenšamies atrast pareizo metatagu, bet galu galā aizķeriet pareizo CSS-Tricks.com. Tas strādā! Bet, protams, mums ir daži pozicionēšanas jautājumi, kas mums būs jāizstrādā. Ierakstam šī metatags ir:
Mēs lāpām lāpītājus ar atstarpēm un izmēriem, līdz viss izskatās kārtībā. Lietas izskatās diezgan labi atsaucīgas līdz beigām!