Chokwadi, heino chinyorwa:
Kunzwisisa enigma yekuseta screen hupamhi idambudziko rinowanzosangana nevagadziri. Kunyangwe iwe uri kugadzira anopindura madhizaini kana kubata nenyaya dzekuwanikwa, zvakakosha kuti unzwisise chaizvo maitiro ekugadzirisa upamhi hwescreen nemazvo. MuJavaScript, zviri nyore kuwana hupamhi hwechidzitiro chemuoni. Chinhu chewindow.screen chinogona kushandiswa kuverenga upamhi hwescreen. Zvino, ngatinyure mukati kuti titsanangure izvi zviri nani mundima dzinotevera.
The Optimal Solution
Mhinduro iri nyore yedambudziko iri iri mukushandiswa kweJavaScript's window chinhu uye nzira yayo screen.width. Ichi chivakwa chinodzosa hupamhi hwechidzitiro mumapikiseli. Iyo inopa yakanakisa mhinduro yekugadzira inopindura dhizaini kune akasiyana skrini hupamhi.
const screenWidth = window.screen.width;
Uyu mutsetse wekodhi unoseta iyo inoshanduka screenWidth kuhupamhi hwechidzitiro chemushandisi mumapikiseli.
Tsanangudzo-nhanho-nhanho yeCode
Heino kupatsanurwa kuri nyore kwezvinoitwa nekodhi:
- Hwindo: MuJavaScript, chinhu chehwindo chinhu chepasi rose chinobata zvinoshanduka, mabasa, nhoroondo, nzvimbo. Inomiririra hwindo rebrowser. Zvese zvepasi rose zveJavaScript zvinhu, mabasa, uye zvinosiyana zvinova nhengo dzechinhu chehwindo.
- skrini: Chidzitiro chinhu ipfuma yechinhu chehwindo. Iine ruzivo nezve skrini yemushandisi.
- width: Iyo yakafara chivakwa inodzosa hupamhi hwese hwemushandisi skrini, mumapikisi. Inobatsira pakusarudza skrini yekugadziriswa kwemudziyo uri kuratidza peji rewebhu.
Naizvozvo, Kushandisa โwindow.screen.widthโ ndiyo nzira yakajairika inoshandiswa nevagadziri pasi rese kuwana upamhi hwescreen.
Yakakosha JavaScript Libraries Inobatanidzwa
Mumamiriro ezvinhu aya, hapana maraibhurari akasiyana anodiwa. Yazvino JavaScript uye Browser API yakashongedzerwa kubata aya mabasa zvakanaka. Nekudaro, kune akanyanya kuomesesa dhizaini manipulations kana dhizaini inopindura, maraibhurari akadai sejQuery kana masisitimu seBootstrap anogona kubatsira.
Related Mabasa uye Nzira
JavaScript inopa nzira dzakati wandei uye zvivakwa zvine chekuita nehwindo uye skrini zvinhu, kusanganisira windows.innerWidth, window.outerWidth, screen.availWidth. Iyo InnerWidth pfuma inodzosa hupamhi hwenzvimbo yemukati yehwindo. Nepo outerWidth inodzosa hupamhi hwekunze kwebrowser hwindo. Kune rumwe rutivi, screen.availWidth inopa hupamhi hwehwindo minus interfaces seWindows Taskbar.
Kuburikidza neiyi tsananguro yakadzama, zviri pachena kuti kubata chidzitiro hupamhi muJavaScript, kunyangwe pakutanga ichityisa, inzira yakatwasuka. Ndinovimba izvi zvinokupa kubata kwakasimba pakubata screen hupamhi muJavaScript.