24 converter Vipimo · Sarafu · Faili

Badilisha px kuwa vw Pixels ↔ Viewport width Bure Mtandaoni Salama

Andika thamani katika px na uisome katika vw papo hapo. Hesabu hufanyika kwenye kivinjari chako, hakuna kinachotumwa popote, na kile ambacho ubadilishaji unategemea kimeandikwa hapa chini badala ya kudhaniwa.

Badilisha thamani

Sahihi kwa upana unaoandika
px
10 vw
px

144 px = 10 vw (16 px)

Kuhusu kibadilishaji hiki
Fomula vw = px × 100 ÷ width
Kinachohifadhiwa Sehemu ya skrini. Vw moja ni mia moja ya upana wa viewport, kwa hivyo ukubwa ulioandikwa kwa vw hukua na kusinyaa pamoja na dirisha badala ya kubaki pale pale.
Kisichoweza kufanya Tofauti na rem, vw haina chaguomsingi. Kivinjari hupa fonti ya mizizi px 16 pale ambapo hakuna anayesema vinginevyo, kwa hivyo ukurasa wa rem unaweza kuanza kutoka nambari halisi; upana wa viewport ni upana wowote wa dirisha la msomaji, na hubadilika anapogeuza simu. Px 1440 hapa ni upana ambao miundo mara nyingi huchorwa kwao — mazoea, si kiwango. Andika wako mwenyewe.
Mahali kinapofanya kazi Kwenye kivinjari chako. Hakuna kinachopakiwa, kwa hivyo hakuna cha kufuta baadaye.

Hakuna kinachopakiwa

Ukubwa wa kawaida — Badilisha px kuwa vw

px vw
80.555556
100.694444
120.833333
140.972222
161.111111
181.25
201.388889
241.666667
322.222222
483.333333
644.444444

Vipimo hivi vinatoka wapi

Pikseli katika CSS si pikseli iliyo kwenye skrini yako. Skrini zilipoacha kuwa na msongamano unaotabirika, ukurasa uliopimwa kwa pikseli halisi ukawa ukurasa uliopungua ukubwa skrini zilipozidi kuwa kali, kwa hivyo pikseli ya CSS ilifafanuliwa upya kuwa urefu wa marejeleo: takriban 1/96 ya inchi inapotazamwa kwa umbali mzuri wa kusoma. Kila kitu kingine kwenye ukurasa huu kimejengwa juu ya hilo. Em ni ya zamani kuliko wavuti — katika herufi za chuma ilikuwa upana wa kipande kilichotupwa, ikipewa jina kutokana na herufi kubwa M — na katika CSS inamaanisha ukubwa wa fonti unaotumika, ndiyo maana hubadilika unapoweka vipengele ndani ya vingine. Rem iliongezwa ili kuepuka hasa hilo: ni em ya kipengele cha mzizi na haijikusanyi kamwe. Vw ilikuja na usanifu sikivu: sehemu ya mia moja ya upana wa kiona-mwanga, chochote kitakachokuwa.

Unavikuta wapi

Hivi ni vipimo vya kila stylesheet. Pikseli hupima mipaka, vivuli na kila kitu kisichopaswa kubadilika ukubwa; rem hupima maandishi, nafasi na mpangilio, ili badiliko moja kwenye mzizi libadilishe kiolesura kizima; em hupima vitu vinavyopaswa kufuata maandishi yake yenyewe, kama nafasi ya ndani ya kitufe; vw hupima vichwa vya habari na sehemu kuu zinazopaswa kujaza skrini kwenye kifaa chochote. Kubadilisha kati yake ni hesabu ya kila siku ya kugeuza usanifu uliokabidhiwa kwa pikseli kuwa stylesheet inayoweza kubadilika ukubwa.

Maswali ambayo watu huuliza

Kwa nini px 16 ndiyo mahali pa kawaida pa kuanzia?

Kwa sababu huo ndio ukubwa chaguomsingi wa maandishi katika kila kivinjari kikuu, na stylesheet isiyoubadilisha huurithi. Kwa hivyo rem moja ni sawa na px 16 kwenye mpangilio chaguomsingi, ndiko zinakotoka ubadilishaji unaojulikana: rem 0.5 ni px 8, rem 1.5 ni px 24. Mtumiaji akiwa ameongeza ukubwa chaguomsingi katika mipangilio ya kivinjari chake, thamani hizohizo za rem hukua pamoja nao — ambalo ndilo lengo hasa la kuzitumia.

Nitumie rem au em?

Rem kwa chochote kinachopaswa kufuata ukurasa mzima — mizani ya maandishi, nafasi, upana wa mpangilio — kwa sababu inapimwa kutoka mzizi na haijikusanyi kamwe. Em kwa chochote kinachopaswa kufuata maandishi ambamo kimekaa: nafasi ya ndani ya kitufe, pengo kando ya ikoni, uingizaji wa nukuu. Kosa la kawaida ni kuweka vipengele vyenye ukubwa wa em ndani ya vingine, ambapo em 1.2 ndani ya em 1.2 huwa 1.44, kisha 1.73, hadi maandishi ya chini ya ukurasa yanakuwa mara mbili ya ukubwa uliokusudiwa.

Je, jibu ni sahihi kabisa?

Pale ambapo vipimo vyote viwili vimefafanuliwa kwa kutumia kimoja kingine kwa nambari kamili, ndiyo — ukurasa unasema hivyo juu ya nambari, na ukadiriaji pekee ni katika idadi ya tarakimu zinazoonyeshwa. Pale ambapo uwiano hauna desimali yenye mwisho, ukurasa unaonyesha tarakimu kumi na mbili muhimu na kusema kwamba uhusiano ni wa kukadiria, badala ya kujifanya vinginevyo.

Je, kitu ninachoandika kinatoka kwenye kifaa changu?

Hapana. Hesabu hufanyika kwenye kivinjari chako; hakuna kinachopakiwa na hakuna seva ya kukipokea. Pakia ukurasa mara moja na utaendelea kufanya kazi hata mtandao ukizimwa.

Kwa nini ubadilishe px kuwa vw

Mbunifu anakutumia mchoro wa awali uliochorwa kwa upana wa 1440 px, wenye kichwa kikuu cha 96 px na pengo la sehemu la 72 px. Kwenye wavuti halisi ukurasa utaonekana kwa 360 px kwenye simu, 820 px kwenye kompyuta kibao na 2560 px kwenye kifuatiliaji kikubwa, na mbunifu angependa kichwa kidumishe uwiano wake na skrini katika kila moja. Kitengo kilichotengenezwa kwa ajili hiyo ni upana wa eneo la kutazama, vw, na njia ya kufika huko kutoka kwenye mchoro wa awali ni kubadilisha px kuwa vw: unachukua thamani ya pikseli, unaigawanya kwa upana ambao usanifu ulichorwa nao, kisha unazidisha kwa mia moja. Kichwa cha 96 px kwenye turubai ya 1440 px ni 6.67 vw, na kuanzia hapo daima ni asilimia 6.67 ya skrini yoyote iliyopo.

Hiyo ndiyo ahadi ya kitengo cha eneo la kutazama, na pia hatari yake. Rem na em huanzia kwenye ukubwa wa herufi, ambao kivinjari huuweka kwa chaguomsingi la busara. Vw haina chaguomsingi hata kidogo: upana wa eneo la kutazama ni kwa urahisi upana wowote wa dirisha la msomaji, na hubadilika anapozungusha simu au kuburuta dirisha. Kwa hiyo kibadilishaji hakifichi namba ile moja ambayo jibu linaitegemea. Upana wa usanifu uko kwenye sehemu ya kuandika, ukianzia 1440 px, nawe unaweza kuubadilisha ulingane na mchoro wako wa awali.

Hesabu hufanyika ndani ya kivinjari chako na hakuna kinachopakiwa. Hapa chini utapata fomula, kile ubadilishaji unachohifadhi na kisichoweza kuhifadhi, mahali ambapo vitengo vya eneo la kutazama husaidia na mahali vinapodhuru, tatizo la ufikivu linaloletwa na maandishi ya vw tupu, mbinu ya clamp inayolirekebisha, na njia ya kugeuza mchoro wa pikseli kuwa mitindo ya CSS inayonyumbulika.

Fomula na upana

vw ni px kugawanywa kwa upana, mara mia moja

Fomula ni vw = px ÷ upana × 100. Kwa upana wa usanifu wa 1440 px, ukubwa wa 144 px huwa 10 vw, 72 px huwa 5 vw na 24 px huwa 1.667 vw. Ukurasa huonyesha upana kando ya matokeo, kama katika 144 px = 10 vw (1440 px), ili uone kilichodhaniwa. Vw moja ni sehemu moja ya mia ya upana wa eneo la kutazama, kwa hiyo dirisha lenye upana wa 1000 px lina 1 vw sawa na 10 px.

Namba 1440 inatoka wapi

Hapa 1440 px ni upana ambao usanifu mara nyingi huchorwa nao, ni mazoea na si kiwango rasmi. Baadhi ya timu huchora kwa 1280, nyingi kwa 1920, na usanifu wa simu kwa 375 au 390. Hakuna jibu sahihi, ila upana tu ambao faili yako ya usanifu inatumia. Andika wako mwenyewe: ubadilishaji ni mzuri kama upana unaoupa tu.

Kutumia upana wa usanifu wenyewe

Kama mchoro wa awali ulichorwa kwa 1920 px, andika 1920, na kichwa kilekile cha 96 px kinakuwa 5 vw. Ukibadilisha px kuwa vw kwa kutumia upana usio sahihi, ukurasa utaonekana sawa kwa ukubwa mmoja wa skrini na vibaya kwa wote wengine, ambalo ni hitilafu ya kutatanisha usipojua pa kuangalia.

Kile ubadilishaji unachohifadhi na kile usichoweza

Huhifadhi sehemu ya skrini

Vw moja ni sehemu moja ya mia ya upana wa eneo la kutazama, kwa hiyo ukubwa ulioandikwa kwa vw hukua na kupungua na dirisha badala ya kubaki palepale. Matokeo ni sehemu ya skrini ambayo thamani ya pikseli ilichukua katika mchoro wako wa awali, na kwenye kivinjari kipengele hudumisha sehemu hiyo kwa kila upana.

Haiwezi kutoa chaguomsingi

Tofauti na rem, vw haina chaguomsingi. Kivinjari hupa herufi ya mzizi 16 px pasipokuwa na maelekezo mengine, kwa hiyo ukurasa wa rem unaweza kuanzia kwenye namba halisi; upana wa eneo la kutazama ni kwa urahisi upana wowote wa dirisha la msomaji, na hubadilika anapogeuza simu. Upana ulio kwenye sehemu ya kuandika ni upana wa usanifu wako, na jibu ni sahihi kwa skrini ya upana huo na sawia kwingineko.

Kuzungusha namba

Kugawanya kwa 1440 hutoa desimali ndefu kwa ukubwa mwingi. Thamani kama 6.6667 vw inafaa katika mitindo ya CSS, lakini unaweza kuizungusha hadi 6.67 au 6.7 bila mabadiliko yoyote yanayoonekana. Bakiza tarakimu mbili au tatu baada ya nukta; zaidi ya hapo ni kelele.

Mahali ambapo vitengo vya eneo la kutazama husaidia

Vichwa vikuu na herufi kubwa za kuonyesha

Kichwa kinachopaswa kujaza sehemu fulani ya skrini kwenye kila kifaa ndicho matumizi ya kawaida. Kwa upana wa simu, kichwa kisichobadilika cha 96 px kingefurika; kwa vw hupungua na skrini na hubaki kwenye mstari mmoja.

Sehemu zinazoenea kote

Nafasi kati ya sehemu kubwa za ukurasa wa kutua mara nyingi huonekana vizuri zaidi inapopanuka na skrini, ili ukurasa udumishe mdundo wake kwenye kompyuta ndogo na kwenye onyesho pana. Mapengo ya vw hufanya hivyo.

Michoro inayopaswa kudumisha umbo lake

Picha kuu, vielelezo na maumbo ya mapambo yaliyopimwa kwa vw hudumisha uwiano wake na dirisha, kwa hiyo mpangilio hausambaratiki skrini inapobadilika.

Herufi zinazonyumbulika zenye mipaka

Zikiunganishwa na clamp(), vw hutoa herufi zinazokua kwa upole kati ya kiwango cha chini na cha juu. Hii ndiyo mbinu ambayo mitindo ya kisasa ya CSS hutumia kwa vichwa, na imeelezwa hapa chini.

Mahali ambapo vitengo vya eneo la kutazama hudhuru

Maandishi ya kawaida kwa vw tupu

Maandishi yaliyopimwa kwa vw pekee hayajibu msomaji anapokuza ukurasa kwenye kivinjari, kwa sababu kukuza hubadilisha ukubwa wa pikseli wa dirisha lakini ukubwa wa vw hudumisha sehemu yake yake. Watu wanaotegemea kukuza, mara nyingi kwa sababu ya uoni hafifu, hubaki na maandishi ambayo hawawezi kuyapanua. Miongozo ya ufikivu inataka maandishi yaweze kubadilishwa ukubwa, na ukubwa wa vw tupu hushindwa mtihani huo.

Ncha ndogo mno na kubwa mno

Kwa upana wa 320 px kichwa cha 6.67 vw ni 21 px, ambacho kinaweza kuwa kidogo mno. Kwa upana wa 2560 px ni 171 px, ambacho ni kikubwa kupita kiasi. Bila mipaka, uwiano uliokuwa sahihi kwa 1440 unaweza kuwa wa kipuuzi kwenye ncha.

Upau wa kusogeza

Kwenye vivinjari vya kompyuta ya mezani, upana wa eneo la kutazama unaotumika kwa vw unajumuisha upana wa upau wa kusogeza wima. Kisanduku kilichowekwa kuwa 100vw kwa hiyo kitakuwa kipana kidogo kuliko eneo linaloonekana ukurasa unaposogezwa, na upau wa kusogeza mlalo unaweza kuonekana. Jua hili kabla ya kujenga mpangilio wa upana kamili kwa vw.

Mbinu ya clamp

Kuweka sakafu na dari

Kitendakazi cha CSS clamp(min, preferred, max) kinapokea kiwango cha chini, thamani inayopendelewa na kiwango cha juu. Kwa herufi, andika kiwango cha chini na cha juu kwa rem, na thamani inayopendelewa kwa vw pamoja na neno la rem: font-size: clamp(2rem, 1rem + 4vw, 6rem). Ukubwa hukua na dirisha kati ya 32 na 96 px na haupiti upande wowote. Kwa kuwa sehemu yake iko kwa rem, maandishi bado yanaheshimu mipangilio ya msomaji.

Jinsi ya kujenga neno la kati

Chagua upana mbili wa skrini na ukubwa unaoutaka kwa kila mmoja. Kwa mfano 32 px kwa upana wa 360 px na 96 px kwa upana wa 1440 px. Mteremko ni (96 − 32) ÷ (1440 − 360) = 0.0593 px kwa kila px ya upana, ambayo ni 5.93 vw, na sehemu ya kukatiza ni 32 − 0.0593 × 360 = 10.67 px, takriban 0.667 rem. Neno linalopendelewa kwa hiyo ni 0.667rem + 5.93vw. Kibadilishaji kinasaidia na sehemu ya vw, na dakika moja ya hesabu inamaliza iliyobaki.

Kwa nini huu ni uwiano sahihi

Kwa clamp, unapata tabia inayonyumbulika ambayo wabunifu wanaitaka na ufikivu ambao wasomaji wanauhitaji. Ndilo jibu la tatizo lililoelezwa hapo juu, na sababu ya mitindo mingi ya kisasa ya CSS kutumia vw ndani ya clamp pekee.

Jinsi ya kubadilisha px kuwa vw hapa

Andika thamani ya pikseli

Weka ukubwa kwa pikseli kwenye sehemu ya kwanza. Desimali zinakubaliwa.

Weka upana wa usanifu

Uache kwenye 1440 kama huo ndio upana wa mchoro wako wa awali. Ubadilishe kama sivyo. Matokeo husasishwa unapoandika.

Nakili thamani ya vw

Tumia namba katika CSS yako pamoja na kitengo chake, kama katika font-size: 6.67vw. Kwa maandishi, iweke ndani ya clamp() pamoja na mipaka kwa rem.

Vitengo hivi vinatoka wapi

Pikseli ya CSS

Maonyesho yalipoacha kuwa na msongamano unaotabirika, ukurasa uliopimwa kwa pikseli halisi ukawa ukurasa unaopungua skrini zilipozidi kuwa kali. Kwa hiyo pikseli ya CSS ilifafanuliwa upya kuwa urefu wa marejeo: takriban 1/96 ya inchi inapotazamwa kwa umbali mzuri wa kusoma. Ni kitengo ambacho mchoro wako wa awali umechorwa nacho.

Vitengo vya eneo la kutazama

Vw ilikuja na usanifu sikivu: sehemu moja ya mia ya upana wa eneo la kutazama, upana wowote utakaokuwa. Inakaa kando ya rem, inayolinganishwa na ukubwa wa herufi wa mzizi, na em, inayolinganishwa na kipengele. Kama unahitaji ukubwa unaolinganishwa na maandishi badala ya skrini, Badilisha px kuwa rem.

Mitego unapobadilisha px kuwa vw

Kutumia upana usio sahihi wa usanifu

Kosa la kawaida zaidi. Kama mchoro wako wa awali una upana wa 1920 na unabadilisha kwa 1440, kila ukubwa utakuwa na kosa la theluthi moja. Thibitisha upana wa fremu katika zana yako ya usanifu.

Kusahau usanifu wa simu

Timu nyingi zina michoro miwili ya awali, mmoja wa kompyuta na mmoja wa simu. Kichwa chenye 96 px kwenye wa kwanza na 40 px kwenye wa pili si thamani moja ya vw. Tumia upana mbili, ubadilishaji mbili na clamp kuziunganisha.

Kuweka ukurasa mzima kwa vw

Ukurasa ambamo kila kitu hupanuka na dirisha hupoteza hisia ya kusoma: mistari huwa mirefu mno kwenye skrini pana na maandishi madogo mno kwenye nyembamba. Tumia vw kwa vitu vichache vinavyopaswa kupanuka, na ukubwa usiobadilika au wa rem kwa vingine.

Kupuuza tatizo la kukuza

Jaribu ukurasa wako huku kivinjari kikiwa kimekuzwa hadi asilimia 200. Kama maandishi hayakui, ukubwa unahitaji neno la rem.

Maswali ambayo watu huuliza kabla ya kubadilisha

100 px ni vw ngapi?

Kwa upana wa usanifu wa 1440 px, takriban 6.94 vw.

Upana bora wa usanifu wa kutumia ni upi?

Ule ambao mchoro wako wa awali ulichorwa nao. Hakuna chaguomsingi la jumla.

Je, vw ni bora kuliko rem?

Zinafanya kazi tofauti. Rem hufuata ukubwa wa maandishi wa msomaji; vw hufuata dirisha. Tumia kila moja kwa kile inachofaa.

Naweza kutumia vw kwa ukubwa wa herufi?

Ndiyo, lakini iweke ndani ya clamp() pamoja na mipaka kwa rem, ili maandishi yabaki yanasomeka na yaweze kukuzwa bado.

Je, namba yangu inapakiwa?

Hapana. Hesabu hufanyika ndani ya kivinjari chako na hakuna kinachotumwa popote.

Narudije nyuma?

Kwa vw hadi px, ambayo huzidisha kwa upana badala ya kugawanya.

Kuchagua kwa busara unapobadilisha px kuwa vw

Amua nini kinapaswa kupanuka na skrini

Herufi kuu, mapengo makubwa na michoro: ndiyo. Maandishi ya kawaida, mipaka, vidhibiti vidogo: hapana. Kadiri orodha yako ya thamani za vw inavyokuwa fupi, ndivyo ukurasa unavyokuwa imara zaidi.

Badilisha wakati wa usanifu

Ukibadilisha px kuwa vw unaposoma mchoro wa awali, unaweza kuona mara moja thamani zipi zinatoka zisizo za kawaida na kumwomba mbunifu zilizo nadhifu zaidi. Kichwa kinachotoka 6.6667 vw huanzisha mazungumzo kuhusu kukifanya 6.5 au 7.

Weka kumbukumbu ya upana

Andika upana wa usanifu katika maoni juu ya mitindo ya CSS, ili yeyote atakayebadilisha baadaye atumie uleule. Upana mchanganyiko hutoa ukurasa usio thabiti kwa namna ambayo hakuna anayeweza kuieleza vizuri.

Kutoka mchoro wa awali hadi mitindo ya CSS inayonyumbulika

Orodhesha ukubwa unaopaswa kupanuka

Fungua faili ya usanifu na uandike kila ukubwa unaotaka ufuate skrini: kichwa kikuu, mapengo ya sehemu, labda kielelezo kikubwa. Kwa kila mmoja, badilisha px kuwa vw kwa upana wa fremu, na uandike matokeo. Kurasa nyingi huishia na thamani chache zaidi ya kumi, na kila kitu kingine hubaki kwa rem au pikseli.

Kagua fremu ya simu kando

Kama kuna mchoro wa awali wa simu, soma vipengele vilevile kwa upana wake. Kichwa cha 96 px kwenye fremu ya 1440 px na 40 px kwenye fremu ya 375 px hakilingani na thamani moja ya vw, ambayo ni ishara ya kutumia clamp: ukubwa wa simu unakuwa sakafu, wa kompyuta unakuwa dari, na neno la vw hufanya kazi katikati. Unapobadilisha px kuwa vw kwa kila fremu, namba hizo mbili hufafanua mteremko.

Kagua kwa upana tatu

Tazama ukurasa uliokamilika kwa takriban pikseli 360, 820 na 1440, na mara moja kwa 2560. Mipangilio inayonyumbulika ni rahisi kuipata sawa kwa upana wa mchoro wa awali na kuikosea kidogo kwingineko, na ukaguzi mfupi wa upana huu hupata matatizo mengi kabla mgeni hajayapata.

Weka kitengo mbali na maandishi marefu

Mistari ya maandishi ya kusoma hupimwa vizuri zaidi kwa rem, na kupewa urefu wa juu wa mstari wa takriban herufi 60 hadi 75. Tumia kitengo cha eneo la kutazama kwa herufi za kuonyesha na nafasi, na uache maandishi ya kusoma yawe thabiti.

Vibadilishaji vinavyohusiana

Familia hiyohiyo ya zana inashughulikia ubadilishaji wa jirani. Kurudi kwenye pikseli, tumia vw hadi px. Kwa ukubwa unaolinganishwa na mzizi, kuna px hadi rem na rem hadi px, na kwa ukubwa unaolinganishwa na kipengele, px hadi em na em hadi px. Kwa rangi za mitindo hiyohiyo ya CSS, HEX hadi RGB na HEX hadi HSL hushughulikia viwakilishi.

Mfano wa kazi

Tuseme ukurasa wa kutua umesanifiwa kwa 1440 px, wenye kichwa kikuu cha 96 px na pengo la 72 px juu yake. Unaandika 96 na kusoma 6.667 vw, unaandika 72 na kusoma 5 vw. Kwenye dirisha la 1000 px kichwa ni 66.7 px na pengo 50 px, kwa uwiano. Lakini kwenye simu yenye upana wa 360 px kichwa kingekuwa 24 px, ambacho ni kidogo kuliko unavyotaka, kwa hiyo unaandika kichwa kama clamp(2.25rem, 1rem + 5vw, 6rem), ukipata sakafu ya 36 px na dari ya 96 px, nacho hubaki kinasomeka na kinaweza kukuzwa. Pengo, lisilo na maandishi, hubaki kwa vw tupu.

Orodha fupi ya ukaguzi

Kabla ya kubadilisha

Tafuta upana wa mchoro wa awali. Amua ukubwa upi unapaswa kupanuka na upi usipaswe.

Unapobadilisha

Andika thamani ya pikseli na upana wa usanifu, kisha unakili namba ya vw pamoja na kitengo chake.

Baada ya kubadilisha

Badilisha ukubwa wa dirisha kutoka upana wa simu hadi kifuatiliaji kipana, na ukuze ukurasa hadi asilimia 200. Ongeza mipaka kwa clamp() popote ncha zinapoonekana vibaya.

Makosa ya kawaida

Kudhani 1440 ni kiwango rasmi

Ni mazoea tu. Tumia upana wako mwenyewe.

Kupima maandishi ya kawaida kwa vw peke yake

Hayawezi kukuzwa. Ongeza neno la rem na mipaka.

Kusahau upau wa kusogeza

100vw ni pana kuliko eneo linaloonekana kwenye kurasa za kompyuta ya mezani zinazosogezwa.

Namba zako hubaki kwenye kifaa chako

Hesabu hufanyika ndani ya kifaa chako. Thamani zako hutumiwa na kivinjari chako mwenyewe na hakuna kinachotumwa popote. Hakuna cha kufuta baadaye na hakuna akaunti ya kufungua. Hiyo ndiyo njia rahisi ya kubadilisha px kuwa vw.

Muhtasari

Ili kubadilisha px kuwa vw hapa, andika ukubwa kwa pikseli na upana wa usanifu wako, kisha usome matokeo mara moja, ukitumia fomula vw = px ÷ upana × 100. Upana huanza kwa 1440 px, upana ambao usanifu mara nyingi huchorwa nao, lakini ni mazoea na si kiwango rasmi, kwa hiyo andika wako mwenyewe. Ubadilishaji huhifadhi sehemu ya skrini: vw moja ni sehemu moja ya mia ya upana wa eneo la kutazama, kwa hiyo ukubwa wa vw hukua na kupungua na dirisha. Tofauti na rem, vw haina chaguomsingi, kwa kuwa eneo la kutazama lina upana wowote wa dirisha la msomaji. Kwa maandishi, unganisha vw na rem ndani ya clamp(), ili yabaki yanasomeka na yaweze kukuzwa. Hakuna kinachopakiwa.

Urefu na eneo Uzito na ujazo Halijoto Sarafu