# 032: Учинити мрежу одговорном - ЦСС-трикови

Anonim

Почињемо са играњем са нашим модулом за блогове, петљајући се око размака. Такође додајемо мали обојени квадрат у горњем левом углу модула, визуелни означитељ врсте садржаја који је.

Следећа промена коју направимо је да смањимо неке спољне празнине на ужим величинама екрана. На широким екранима садржај је широк 80% (ивице су 10% ширине), али чини ми се да је боље ићи на 90% на мање екране (ивице ширине 5%).

Додајемо мали прелаз када тај медијски упит погоди, што може бити заиста забаван трик дизајнера. Свиђа ми се у овом видеу, али на крају је ово повучено из дизајна. Може бити узнемирено кад је на страници пуно више садржаја и прилично вам одвлачи пажњу.

Мењамо свој мрежни систем тако да има тачку прекида на најмањој величини. Супер је једноставно, једноставно престанемо width: 100%;да лебдимо колонама и учинимо их Иаи за непромишљене мреже! Успут се боримо са неким проблемима са специфичностима.

Отварамо прави иОС симулатор да бисмо проверили мрежу која ради на „правом“ мобилном уређају. Трудимо се да пронађемо одговарајућу метаознаку, али на крају пронађемо исправну са ЦСС-Трицкс.цом. Функционише! Али наравно да имамо неких проблема са позиционирањем које ћемо морати да решимо. За записник, та метаознака је:

Ми тинкер тинкер тинкер с размаком и величине док ствари не изгледају у реду. До краја ствари изгледају прилично пријатно!