Pe faapefea ona pasene pasene mo le tele o fua faʻatatau i totonu o le upega tafaʻilagi

Aoao pe faʻapefea e tagata sailiili i luga o le initaneti ona fuafua se faʻataʻitaʻiga e faʻaaoga ai faʻamau o pasene

O le tele o tamaiti aʻoga o loʻo tali mai i le upega tafaʻilagi o loʻo i ai se taimi faigata e faʻaaoga ai pasene mo fua faʻatatau. Aemaise lava, o loʻo i ai le fenumiai ma le faʻaogaina e le masini na pasene. I lalo o le ae maua ai se faʻamatalaga auiliili o le auala e galue ai pasene mo le lautele o faʻatusatusaga i totonu o le upega tafaʻilagi tali mai.

Faʻaaogaina o Pixels mo Faʻasalaga Tautele

A e faʻaaogaina pixels e pei o le lautele o le tau aogā, o le taunuuga e matua tuusao lava. Afai e te faʻaaogaina le CSS e faatulaga ai le lautele o le taua o se elemene i le ulutala o se pepa i le 100 pika lautele, o lena elemene o le a tutusa ma le tasi e te seti i le 100 pika lautele i luga o le upega tafaʻilagi o le upega tafaʻilagi poʻo vaevaega poʻo isi vaega ole itulau. O pixels o se tulaga taua, o le 100 pika o le 100 pika e tusa lava pe o fea o lau pepa o loʻo aliali ai se elemene. O le mea e leaga ai, aʻo faigofie le malamalama o faʻamau pixel, latou te le manuia lelei i luga o uepisaite tali mai.

Ethan Marcotte na ia filifilia le faaupuga "tali mai i le initaneti", faʻamatalaina lenei auala e aofia ai le 3 autu autu:

  1. O se fesoasoani fesoasoani
  2. Faʻamatalaga vavave
  3. Fesili a le aufaasālalau

O na mea muamua e lua, o se faʻalautele fesoasoani ma faʻalauiloa, e maua i le faʻaaogaina o pasene, nai lo pixels, mo faʻatusatusaga tetele.

Faʻaaogāina o pasene mo Tausaga Tautele

A e faʻaaoga pasene e faʻavae ai le lautele mo se elemene, o le tele moni o le elemene o faʻaalia i le o le a eseese e fuafua i le mea o loʻo iai i le pepa. O pasene o se tau taua, o lona uiga o le tele e faaalia e fesootai ma isi elemene o lau pepa.

Mo se faʻataʻitaʻiga, afai e te seti le lautele o se ata i le 50%, e le o lona uiga o le ata o le a faʻaalia i le afa o lona tele masani. O se manatu sese masani lenei.

Afai o se ata e masani lava i le 600 pika lautele, ona faʻaaoga lea o le CSS aoga e faʻaali ai i le 50% e le o lona uiga o le a avea ma 300 pika lautele lautele i le 'upega tafaʻilagi. Ole fua faʻatatau ole pasene e fuafuaina e faʻavae i luga o le elemene e aofia ai lena ata, ae le o le lautele o le ata lava ia. Afai o le fagu (lea e mafai ona avea ma se vaevaega poʻo se isi lava HTML element) o le 1000 pika lautele, ona faʻaalia lea o le ata i le 500 pika talu mai lena 50% o le lautele o le koneteina. Afai o le elemene o lo oi ai e 400 pixels le lautele, ona faʻaalia lea o le ata i le 200 pika, talu ai o lena tau e 50% o le pusa. O le ata o loʻo fesiligia iinei e 50% le tele lea e faʻalagolago i le elemene o loʻo aofia ai.

Manatua, o le tali talafeagai e maualalo. Lisi ma lapoa o le a suia pe a suia le tele o lauulu / masini . Afai e te mafaufau e uiga i lenei mea i le faaletino, e le o se upega tafailagi, e pei lava o le i ai o se pusa kata o loʻo e faʻatumu i mea faʻapipiʻi. Afai e te fai mai o le atigipusa e tatau ona faʻaluaina i lena mea, o le aofaʻi o le teuina o le a eseese e fuafua i le tele o le pusa. E tutusa le mea tonu mo le pasene pasene i le initaneti.

Faʻasaʻua o loʻo faʻatatau i isi pasene

I le faʻataʻitaʻiga / pusa faʻataʻitaʻiga, na ou faʻaaoga ai pixel faʻamaonia mo le elemene o lo oi ai e faʻaalia pe faʻapefea ona faʻaalia le ata tali mai. O le mea moni, o le vaega o loʻo aofia ai o le a faʻatulagaina i se pasene ma le ata, poʻo isi elemene, i totonu o lena atigipusa o le a maua ai a latou tau faʻatatau i le pasene o le pasene.

O se tasi lenei faʻataʻitaʻiga e faʻaalia ai lenei mea i le faʻatinoga.

Fai atu iai sau 'upega tafaʻilagi pe o fea o iai le' upega tafaʻilagi i totonu o le vaevaega ma se vasega o "pusa" (o se masani masani o le uelefea). I totonu o lena vaevaega e tolu isi vaevaega o le a iu lava ina e laei e faʻaalia e pei o ni koluma e tolu (vertical columns). O lena HTML atonu e pei o lenei:

I le taimi nei, e mafai ona e faʻaaogaina le CSS e faatulaga ai le tele o lena vaega "pusa" e fai mai 90%. I lenei faʻataʻitaʻiga, o le pusa o le pusa e leai se isi elemene o loʻo siosiomia ai e ese mai i le tino, lea tatou te leʻi tuʻuina i soʻo se tau. E le mafai, o le a tuʻuina atu e le tino le 100% o le matala o le masini. O le mea lea, o le pasene o le "pusa" o le a faavae i luga o le tele o le faʻamalama o le sailiga. Aʻo suia le matala o le masini i le tele, e faapena foi le tele o lenei "pusa". Ma afai o le faamalama o le sailiga o le 2000 pika lautele, o lenei vaega o le a faaalia i le 1800 pika. E tusa ma le 90-pasene o le 2000 (2000 x .90 = 1800), o le tele lea o le masini.

Afai o vaega taʻitasi o le "col" o loʻo maua i totonu o le "pusa" ua faʻatulagaina i le tele o le 30%, ona tofu ai lea oi latou ma le 540 pika lautele i lenei faʻataʻitaʻiga. E tusa ma le 30% o le 1800 pixels o loʻo tuʻuina atu i le pusa (1800 x .30 = 540). Afai tatou te suia le pasene o lena koneteina, o nei vaevaega i totonu o le a suia foi i le tele latou te maua mai talu ona latou faalagolago i lena mea elemene.

Seʻi tatou manatu e tumau pea pupuni o fesoʻotaʻiga i 2000 pika lautele, ae tatou te suia le aofaʻiga o le aofaʻi o le pusa i le 80% nai lo le 90%. O lona uiga o le a maua i le 1600 pika lautele i le taimi nei (2000 x .80 = 1600). E tusa lava pe tatou te le suia le CSS mo le tele oa tatou vaevaega 3 "kol", ma tuu i latou i le 30%, o le a latou faia nei le eseesega talu ai ona o lo latou i ai elemene, o le siosiomaga lea ua lapopoa e, ua suia. O na vaega e 3 o le a avea nei ma le 480 pixels lautele, e 30% o le 1600, poo le tele o le pusa (1600 x .30 = 480).

I le sili atu foi, pe afai ei ai se ata i totonu o se tasi o nei vaevaega "col" ma o lena ata na lapisi i le faaaogaina o le pasene, o le aotelega mo lona ata o le "col" lava ia. A o suia lena vaega o le "col" i le tele, e faapena foʻi le ata i totonu. O le mea lea, afai o le tele o le masini poʻo le "pusa" na suia, e aʻafia ai vaevaega e tolu "col", lea o le a suia ai le tele o le ata i totonu o le "col." E pei ona mafai ona e iloa, o nei mea uma e fesoʻotaʻi pe a e oʻo mai i pasene faʻatuputeleina-faʻatupulaʻia tulaga faatauaina.

A e mafaufau i le auala o le a faia ai se elemene i totonu ole itulau uepisa pe a faʻaogaina le aofaʻi o le pasene mo lona lautele, e tatau ona e malamalama i le uiga o loʻo i ai le elemene i le faʻailoga o le itulau.

I le Aotelega

E iai le taua tele o le pasene i le fatuina o le faatulagaga mo 'upega tafaʻilagi tali mai . E tusa lava pe e te tali tutusa ata ma faʻaaoga pe faʻaaoga pasene o le pasene e fai ai se fesoʻotaʻiga moni e tutusa lelei le tasi ma le isi, o le malamalama i nei faʻatusatusaga o le a talafeagai mo le ausia o le foliga e te manaʻo ai.