Kiri » Home » CSS , oju-iwe ayelujara - oniru » asiri nṣe idahun oju-iwe ayelujara oniru ( RWD ) pẹlu HTML5 ati CSS3Asiri ti nṣe idahun oju-iwe ayelujara oniInvestmandiri.com Bisnis Investasi Online Sebagai Lowongan Kerja, Dan Peluang Usaha Murahmo , September 13 , 2013Nṣe
idahun oju-iwe ayelujara oniru ( RWD ) ni o wa ni ayika increasingly
gbajumo arin ti 2010 , o wá lati ẹya article kọ nṣe idahun oju-iwe
ayelujara nipa oniru Etani Marcotte lori alistapart.com aaye ayelujara .
Ni
awọn article o tanmo bi o ayelujara kan oniru le ṣe iwọn awọn ifihan
lori ẹrọ bi kan to rọ Mobile ati Ojú lai nini lati ṣe awọn meji ti o
yatọ awọn aṣa fun kanna akoonu pẹlu akoonu , lati awọn wahala ti o n fun
ibi si Erongba ti nṣe idahun oju-iwe ayelujara oniru jẹ diẹ to rọ ati
ki o le mu fere gbogbo awọn oriṣiriṣi iboju .
akojọ kan yato si
" Awọn Iṣakoso ti awọn ti awọn ẹniti nṣe apẹẹrẹ mọ ni tìte alabọde , ati nigbagbogbo fe ninu ayelujara alabọde , jẹ nìkan iṣẹ kan ti aropin awọn tejede iwe . A yẹ ki o gba esin naa o daju wipe ayelujara ko ni ni kanna inira , ati awọn oniru fun yi ni irọrun . Sugbon akọkọ , a gbọdọ " gba awọn ebb ati sisan ti awọn ohun . "
John Allsopp , " A Dao ti iwe ayelujara ti oniru "
Awọn nọmba ti awọn olumulo ti alagbeka ẹrọ bi fonutologbolori ati awọn tabulẹti ti wa ni npo si gbogbo ọjọ , orisirisi lati kan jakejado orisirisi ti kọmputa kekere , iPad , iPad , ati iPad kan jakejado orisirisi awọn ẹrọ ti awọn Afatogel.com Bandar Terbesar Situs Togel Online Terpercayapẹlu awọn Android ọna šiše ko ni dabi lati wa ni ailopin . Šaaju ki o to dide nṣe idahun oju-iwe ayelujara oniru bi o ti jẹ loni ti o ba ti o ni lati eto ki o si ṣe gbogbo ti awọn wọnyi awọn ẹrọ le jẹ fun mi tikalararẹ jẹ ohun ti aimọgbọnwa ati ki o wo aimọgbọnwa , o si je dara fun mi o kan si idojukọ lori awọn oniru ti a nikan han lori deskitọpu iboju nikan .
Ayelujara Awon Difelopa jade nibẹ yoo ko wà ipalọlọ lati bori isoro yi , o yoo fun ibi si oro nṣe idahun Ayelujara sii oniru lati idagbasoke lori titun CSS CSS3 ẹya-ara ti o ni o ni kikun support fun bibori orisi awọn ipinnu lori iboju pẹlu titun ni imuposi , oniwa Media yoowu ti .
Nibẹ ni o wa 3 mojuto eroja ti o gbodo tẹlẹ ninu nṣe idahun oju-iwe ayelujara oniru ni ibere lati ṣiṣẹ daradara , eyun lori rọ Grids , ito Awọn aworan ati awọn media yoowu ti . Ninu awọn mẹta eroja diharafkan kan nigbamii oniru le orisirisi si si orisii ti o yatọ si iboju , ko si beberapapun ọpọlọpọ awọn ẹrọ to ti wa tẹlẹ , pẹlu nṣe idahun oju-iwe ayelujara oniru le gbogbo awọn ti wa ni dari nikan ni kan nikan oniru .
nṣe idahun ayelujara oniru
Nšišẹ Pẹlu awọn rọ akoj / rọ akkÀwọn Origun nṣe idahun oju-iwe ayelujara oniru ni irọrun ti wa ni kosi be lori akoj ara , ti o ba ti wa ni dapo nipasẹ awọn oro
akoj a le lo idakeji awọn ofin ti o wa ni siwaju sii awọn iṣọrọ to rọ akk / awośe. Nṣe idahun oju-iwe ayelujara oniru Ki gbajumo bi o ti jẹ loni je lẹẹkan ojúlé osise komputa glued si iboju tabili pẹlu kan ti o wa titi iwọn oniru ati ki o duro si ti ṣe si aarin oniru . Ti akọkọ jẹ maa n ni diẹ ayelujara awọn ẹniti nṣe apẹẹrẹ lati lo kuro px ( awọn piksẹli ) fun awọn ifilelẹ ati Text iwọn sugbon fun nṣe idahun oniru Lọwọlọwọ siwaju sii Awon Difelopa lo kuro % ( ogorun ) bi re arọpo , ni a ti pinnu lati eto awọn ifilelẹ ko ni dabi gan ati ki o le to rọ nigba ti han loju iboju o yatọ si ipinnu .
O le berencanan lati ropo atijọ oniru pẹlu kan diẹ nṣe idahun oniru, o yẹ ki Mu eyikeyi iru awọn aniyan nitori atijọ oniru si tun le ṣee ṣe nṣe idahun pataki lati ni oye ti Oti ti eyikeyi ìkọkọ :) . Ni lokan pe awọn nṣe idahun oniru ti wa ni o kan ti ndun ni ayika pẹlu CSS , ki sibẹsibẹ wipe bayi dagba awọn awoṣe ki o to lo nṣe idahun ohun gbogbo le ṣee ṣe nikan nipa ọrọ kan ti awọn wakati , ma ṣe gbagbọ ? mule o :)
Simple isiro agbekalẹ lori rọ akojAwọn awọn aṣa ko ba wa ni ojo melo lo diẹ Responive px kuro ninu bi apẹẹrẹ ni isalẹ CSS :
. legbe {iwọn : 300px ;}. ni akoonu {iwọn : 700px ;}. { fi ipari siiwọn : 1024px ;
pairs of free classified ads without register }
Loke ni akọkọ akoj iwọn ti o ga ni aworan iwọn : 1024px ati fun awọn legbe iwọn : 300px ati akoonu iwọn : 700px . Nibi Mo gbiyanju lati se alaye ninu awọn fomula ati ki o se isiro lati se iyipada iye ti px ( awọn piksẹli ) ni lati paarọ rẹ pẹlu iwọn ti % ( ogorun )afojusun / o tọ = esi300px / 1024px = iwọn : 29,296875 % ; / * 300 ( Ni akọkọ 300 ) / 1024 * /700px / 1024px = iwọn : 68,359375 % ; / * 700 ( Ni akọkọ 700 ) / 1024 * /Lati awọn esi ti o wa loke se isiro le ri ninu awọn ogorun iye ti CSS ifaminsi bi isalẹ
. legbe {iwọn : 29,29 % ;}. ni akoonu {iwọn : 68,35 % ;}. { fi ipari siiwọn : 1024px ;}
Agbekalẹ loke le tun ti ni lo lati ṣe iṣiro iwọn awọn ọrọ ( fonti iwọn ) , Sọ ni deede o tọ fun ara fonti iwọn jẹ awọn piksẹJOKIBET.COM Agen Casino Online Terpercayali 16 . Ti o ba fẹ lati tokasi wipe H1 yẹ ki o wa ni 24 piksẹli , ki o si o le pẹlu awọn ropo won kuro lati ṣe iṣiro o bi wọnyi :24px / = 16px 1,5 wonPẹlu CSS aza yoo šee gba ifaminsi bi eleyi:
H1 {fonti - iwọn : 1.5em ;}
Kosi wa ti tun ẹya rọrùn ona lati ṣe iṣiro awọn agbekalẹ loke nipa lilo oju-iwe ayelujara nṣe idahun oniru iširo , o le taara sambangi adirẹsi nibi
Nšišẹ Pẹlu awọn ni Media yoowu tiCSS Media yoowu ti wa ni ọkan ninu awọn ẹya ara ẹrọ ti CSS3 gba o laaye lati mọ nigbati kan pato CSS ofin yẹ ki o wa ni gbẹyin. Eleyi gba e laaye lati kan kan pato CSS fun Mobile awọn ẹrọ . Media yoowu ti le wa ni wi lati wa ni ọpọlọ ti nṣe idahun oju-iwe ayelujara oniru diarea yi jẹ nitori a ni pipe Iṣakoso ti nṣe idahun oniru awośe wa nigbamii.
Nibẹ ni o wa 3 Awọn ọna lati pe awọn media yoowu ti :1. Lilo @ gbe wọle lati gbe awọn imu Style lati Style dì omiiran.
@ wole URL ( style768min.css ) iboju ki o si ( min - iwọn : 768px );
2. Dialling Style dì ifaminsi taara ni HTML ati yi ni maa n ni wọpọ ona ni julọ o gbajumo ni lilo Olùgbéejáde loni.
cs-m88.com Tempat Daftar Taruhan Online Gratis@ Media iboju ki o si ( Max - iwọn : 768px ) {/ * CSS aza * /}@ Media iboju ki o si ( Max - iwọn : 320px ) {/ * CSS aza * /}@ Media iboju ki o si ( Max - iwọn : 240px ) {/ * CSS aza * /}
Ni awọn oniru ti awọn media yoowu ti Max - iwọn yẹ ki o jẹ awọn placement ti awọn koodu yoo dara ju kan nla ti o ga lati kan kere o ga tabi ti o tun le lo min - iwọn media yoowu ti , pẹlu kan gba awọn ọkọọkan awọn yoowu ti lilo kekere o ga lati kan tobi o ga. O ti wa ni niyanju wipe ki o siwaju sii awọn iṣọrọ eto kan ọkọọkan yKAISARBET.COM AGEN BOLA TERPERCAYA PIALA DUNIA 2014 oowu ti orisun loju iboju o ga.
akojọ kan yato si
" Awọn Iṣakoso ti awọn ti awọn ẹniti nṣe apẹẹrẹ mọ ni tìte alabọde , ati nigbagbogbo fe ninu ayelujara alabọde , jẹ nìkan iṣẹ kan ti aropin awọn tejede iwe . A yẹ ki o gba esin naa o daju wipe ayelujara ko ni ni kanna inira , ati awọn oniru fun yi ni irọrun . Sugbon akọkọ , a gbọdọ " gba awọn ebb ati sisan ti awọn ohun . "
John Allsopp , " A Dao ti iwe ayelujara ti oniru "
Awọn nọmba ti awọn olumulo ti alagbeka ẹrọ bi fonutologbolori ati awọn tabulẹti ti wa ni npo si gbogbo ọjọ , orisirisi lati kan jakejado orisirisi ti kọmputa kekere , iPad , iPad , ati iPad kan jakejado orisirisi awọn ẹrọ ti awọn Afatogel.com Bandar Terbesar Situs Togel Online Terpercayapẹlu awọn Android ọna šiše ko ni dabi lati wa ni ailopin . Šaaju ki o to dide nṣe idahun oju-iwe ayelujara oniru bi o ti jẹ loni ti o ba ti o ni lati eto ki o si ṣe gbogbo ti awọn wọnyi awọn ẹrọ le jẹ fun mi tikalararẹ jẹ ohun ti aimọgbọnwa ati ki o wo aimọgbọnwa , o si je dara fun mi o kan si idojukọ lori awọn oniru ti a nikan han lori deskitọpu iboju nikan .
Ayelujara Awon Difelopa jade nibẹ yoo ko wà ipalọlọ lati bori isoro yi , o yoo fun ibi si oro nṣe idahun Ayelujara sii oniru lati idagbasoke lori titun CSS CSS3 ẹya-ara ti o ni o ni kikun support fun bibori orisi awọn ipinnu lori iboju pẹlu titun ni imuposi , oniwa Media yoowu ti .
Nibẹ ni o wa 3 mojuto eroja ti o gbodo tẹlẹ ninu nṣe idahun oju-iwe ayelujara oniru ni ibere lati ṣiṣẹ daradara , eyun lori rọ Grids , ito Awọn aworan ati awọn media yoowu ti . Ninu awọn mẹta eroja diharafkan kan nigbamii oniru le orisirisi si si orisii ti o yatọ si iboju , ko si beberapapun ọpọlọpọ awọn ẹrọ to ti wa tẹlẹ , pẹlu nṣe idahun oju-iwe ayelujara oniru le gbogbo awọn ti wa ni dari nikan ni kan nikan oniru .
nṣe idahun ayelujara oniru
Nšišẹ Pẹlu awọn rọ akoj / rọ akkÀwọn Origun nṣe idahun oju-iwe ayelujara oniru ni irọrun ti wa ni kosi be lori akoj ara , ti o ba ti wa ni dapo nipasẹ awọn oro
akoj a le lo idakeji awọn ofin ti o wa ni siwaju sii awọn iṣọrọ to rọ akk / awośe. Nṣe idahun oju-iwe ayelujara oniru Ki gbajumo bi o ti jẹ loni je lẹẹkan ojúlé osise komputa glued si iboju tabili pẹlu kan ti o wa titi iwọn oniru ati ki o duro si ti ṣe si aarin oniru . Ti akọkọ jẹ maa n ni diẹ ayelujara awọn ẹniti nṣe apẹẹrẹ lati lo kuro px ( awọn piksẹli ) fun awọn ifilelẹ ati Text iwọn sugbon fun nṣe idahun oniru Lọwọlọwọ siwaju sii Awon Difelopa lo kuro % ( ogorun ) bi re arọpo , ni a ti pinnu lati eto awọn ifilelẹ ko ni dabi gan ati ki o le to rọ nigba ti han loju iboju o yatọ si ipinnu .
O le berencanan lati ropo atijọ oniru pẹlu kan diẹ nṣe idahun oniru, o yẹ ki Mu eyikeyi iru awọn aniyan nitori atijọ oniru si tun le ṣee ṣe nṣe idahun pataki lati ni oye ti Oti ti eyikeyi ìkọkọ :) . Ni lokan pe awọn nṣe idahun oniru ti wa ni o kan ti ndun ni ayika pẹlu CSS , ki sibẹsibẹ wipe bayi dagba awọn awoṣe ki o to lo nṣe idahun ohun gbogbo le ṣee ṣe nikan nipa ọrọ kan ti awọn wakati , ma ṣe gbagbọ ? mule o :)
Simple isiro agbekalẹ lori rọ akojAwọn awọn aṣa ko ba wa ni ojo melo lo diẹ Responive px kuro ninu bi apẹẹrẹ ni isalẹ CSS :
. legbe {iwọn : 300px ;}. ni akoonu {iwọn : 700px ;}. { fi ipari siiwọn : 1024px ;
pairs of free classified ads without register }
Loke ni akọkọ akoj iwọn ti o ga ni aworan iwọn : 1024px ati fun awọn legbe iwọn : 300px ati akoonu iwọn : 700px . Nibi Mo gbiyanju lati se alaye ninu awọn fomula ati ki o se isiro lati se iyipada iye ti px ( awọn piksẹli ) ni lati paarọ rẹ pẹlu iwọn ti % ( ogorun )afojusun / o tọ = esi300px / 1024px = iwọn : 29,296875 % ; / * 300 ( Ni akọkọ 300 ) / 1024 * /700px / 1024px = iwọn : 68,359375 % ; / * 700 ( Ni akọkọ 700 ) / 1024 * /Lati awọn esi ti o wa loke se isiro le ri ninu awọn ogorun iye ti CSS ifaminsi bi isalẹ
. legbe {iwọn : 29,29 % ;}. ni akoonu {iwọn : 68,35 % ;}. { fi ipari siiwọn : 1024px ;}
Agbekalẹ loke le tun ti ni lo lati ṣe iṣiro iwọn awọn ọrọ ( fonti iwọn ) , Sọ ni deede o tọ fun ara fonti iwọn jẹ awọn piksẹJOKIBET.COM Agen Casino Online Terpercayali 16 . Ti o ba fẹ lati tokasi wipe H1 yẹ ki o wa ni 24 piksẹli , ki o si o le pẹlu awọn ropo won kuro lati ṣe iṣiro o bi wọnyi :24px / = 16px 1,5 wonPẹlu CSS aza yoo šee gba ifaminsi bi eleyi:
H1 {fonti - iwọn : 1.5em ;}
Kosi wa ti tun ẹya rọrùn ona lati ṣe iṣiro awọn agbekalẹ loke nipa lilo oju-iwe ayelujara nṣe idahun oniru iširo , o le taara sambangi adirẹsi nibi
Nšišẹ Pẹlu awọn ni Media yoowu tiCSS Media yoowu ti wa ni ọkan ninu awọn ẹya ara ẹrọ ti CSS3 gba o laaye lati mọ nigbati kan pato CSS ofin yẹ ki o wa ni gbẹyin. Eleyi gba e laaye lati kan kan pato CSS fun Mobile awọn ẹrọ . Media yoowu ti le wa ni wi lati wa ni ọpọlọ ti nṣe idahun oju-iwe ayelujara oniru diarea yi jẹ nitori a ni pipe Iṣakoso ti nṣe idahun oniru awośe wa nigbamii.
Nibẹ ni o wa 3 Awọn ọna lati pe awọn media yoowu ti :1. Lilo @ gbe wọle lati gbe awọn imu Style lati Style dì omiiran.
@ wole URL ( style768min.css ) iboju ki o si ( min - iwọn : 768px );
2. Dialling Style dì ifaminsi taara ni HTML ati yi ni maa n ni wọpọ ona ni julọ o gbajumo ni lilo Olùgbéejáde loni.
cs-m88.com Tempat Daftar Taruhan Online Gratis@ Media iboju ki o si ( Max - iwọn : 768px ) {/ * CSS aza * /}@ Media iboju ki o si ( Max - iwọn : 320px ) {/ * CSS aza * /}@ Media iboju ki o si ( Max - iwọn : 240px ) {/ * CSS aza * /}
Ni awọn oniru ti awọn media yoowu ti Max - iwọn yẹ ki o jẹ awọn placement ti awọn koodu yoo dara ju kan nla ti o ga lati kan kere o ga tabi ti o tun le lo min - iwọn media yoowu ti , pẹlu kan gba awọn ọkọọkan awọn yoowu ti lilo kekere o ga lati kan tobi o ga. O ti wa ni niyanju wipe ki o siwaju sii awọn iṣọrọ eto kan ọkọọkan yKAISARBET.COM AGEN BOLA TERPERCAYA PIALA DUNIA 2014 oowu ti orisun loju iboju o ga.
0 comments:
Post a Comment