Pîvana Bingeha Malpera Webê

Yekem yekem pîşesazkeran difikirin ku çaxê pargala malpera xwe ava dikin ku çi pêşniyar dike ku ji bo pêşniyazkirinê re ye. Ma ev tiştê rasteqîn e ku biryarê ye ku çiqas paqijiya we pir be. Wek ku malpera çarçoveyek standardek tiştek tune ye.

Çima Çima Biryara Bawerî

Di 1995'an de, çavdêrên pergala 640x480 standard standardên herî mezin û çêtirîn çêkirî hene. Ji ber vê yekê wateya ku pîşesazên malperên li ser pirtûkên ku di nav gerokên baş de xuya bûn, bi xuyakirina 12-inch heta 14-inch di vê pêşniyazê de zêde kir.

Di van rojan de, 640 x 480 resolution ji sedî 1% ji barkêşiya malperê re dike. Mirovên ku bi 1366x768, 1600x900 û 5120x2880 re gelek pargîdaniyên komputerên bikar tînin. Di gelek rewşan de, ku ji bo karûbarên pargîdaniyê ya 1366x768 damezrandin.

Em di xala dîrokê ya sêwirînê de ne ku em ne naxwazin ser çareseriyê. Piraniya mirovan hene ku çavdêrên mezin, mezin-screen-êran hene û wan paceya geroktora xwe nizanin. Ji ber ku hûn biryar didin ku pirtûkek çêbikin ku ji 1366 pixel bêtir mezintir ne, pela peldanka li ser pirranên mezin ên bi pêşniyarên bilind yên bilind re paceyê pir bibînin.

Wider Browser

Berî ku hûn difikirin "okay, ez ê pirtûkên 1366 pixel pîrek çêbikin," ji bo vê çîrok heye. Yek caran pirsa ku di çarçoveya malpera malperê de biryarek xuya dike, ew eynî mişterên xwe yên gerokên xwe biparêzin. Bi taybetî, ew bilezên xwe li tevahî -scîla xwe re bigirin an jî ew ji hêla temenê tevahî biçûk bimînin?

Di lêkolîna yekser a hevpeymanan de hevkarên ku hemî kompaniya standard-1024x768 laptopê bikar anîn bikar anîn, her du bernameyên xwe zêde bûne. Tiştên paceyên cuda yên cûrbekirî ji ber sedemên cuda hene. Ev eşkere dike ku hûn di nav 1024 pixel pîrek damezirandin vê kompaniya şirketê de, 85% bikarhêneran bikar bînin ku tevahiya rûpelê bibînin.

Piştî ku hûn ji mişteriyên ku ji bilî maxim bikin an ne nîqaş dikin, li ser sînorê gerdûnê difikirin. Her sêwirdarek gerdûnî li ser aliyan û sînor hene ku ji 800 veqetin 740 pîpîk an jî 800x600 pêşniyarên li ser paceyên 1024x768 li 1024x768 paceyên herî mezintir li dora 980 pîklêde kêmtir. Ev wekî "chrome" browser tê gotin û dikare dikare ji bo sêwirîna pîvanê we bikaribe ji cîhê karbidest.

Rûpelên jibergirtî an li ser çarçoveyên lihevkirî

Hêza hejmarî ya ne tenê yek e ku hûn hewce ne ku hûn difikirin ku dema ku çermê malpera sêwira we çêbikin. Hûn jî hûn hewce ne ku hûn biryarê bikin ku hûn ê çarçoveya çarçoveyê an mîkrojek hebe . Bi awayekî din, hûn ê di çarçoveya çarçoveyê de hejmareke taybetî (fixed) an jî ji sedî (mûçal) ava bike?

Wid

Rûpelên jûrkirî yên çarçoveya rast e ku ew dengê wan digerin. Sermayek li hejmarek taybetî ye û guhartin ne ku çiqas gerok be û çiqas piçûk e. Ev dikare baş be heger eger hûn hewceyê xwe pêşniyar bikin ku hûn bi heman awayî binêrin ka tu çiqas çiqas berbiçav an an jî xwendekarên xwe yên kurt têne binçavkirin, lê ev rêbaz nabe ku xwendekarên xwe bigirin. Mirovên ku bi temaşeyên te yên bêhtir digerin gerokên wê bi hêsantir veşartin, û mirovên ku bi gerokên pirtirkêmtir dê li ser ekranê pir cûda vala bin.

Ji bo rûpelên çarçoveya rastîn çêbikin, hejmar ji bo dabeşên rûpelê rûpelê ji hêla hejmara pixelên taybet bikar bînin.

Lihev

Rûpelên liquid-width (çend caran carî pîvanên dirêj ên tê gotin) di çarçoveyê de çarçoveyê de li gor li ser çiqas gerokê paceyê pirfireh e. Ev yek ji we re rûpeleke ku hûn bi mişterên xwe zêdetir bêtir fikir bikin. Pirsgirêkên rûpela pîvên çarçoveyê ew e ku ew ji bo xwendinê dijwar dibe. Heke dirêjahiya qonaxa xala 10-12 peyvan an jî ji 4-5 peyvan kêmtir e, ew zehmet dibe ku xwendin. Ev tê wateya ku xwendekaran bi paceyên gerdûnî yên mezin an piçûk hene.

Ji bo rûpelên çarçoveyê veşartî, bi tenê ji çarçoveya rûpelên rûpelê ji sedî an jî ems bikar bînin. Divê hûn jî bi xwe re bi nasnameya CSS-max-width re bizanin. Ev sîteyê dide we ji bo sedî pîvanan dabeş bikin, lê paşê wê sînor bike ku ew wusa nehêle ku mirov nikare xwendin.

Û Serkeftinê ye: CSS Media Queries

Pirsgirêk baştirîn ew roj e ku pirsên CSS-ê û pirsên bersiv ên CSS-ê bikar bînin ku ji bo afirandina pirtûkê ku di çarçoveya çarçoveya gerokê de digihîje lêgerîn. Pêşniyarê malpera bersiv bi heman rengî bikar tîne ku pela pirtûka afirandina çêbikin ku kar dike ku hûn li 5120 pixel pîrek an jî 320 pixel wide. Grûpên cuda yên cuda cuda binêrin, lê ew di heman rengê de heye. Bi navnîşa medyayê li CSS3, her yekdariya wergirtina pirsê bi pirsê xwe re bersiv dike, û pirtûka şêweya wê bi rengekî taybetî veguherîne.