Un amicu meu mi hà cuntattatu pocu fà per dumandà aiutu cù un situ WordPress ch'ellu avia custruitu aduprendu u tema X. U so cliente l'avia chjamatu quella matina dopu avè nutatu chì u so situ web ùn era micca affissatu currettamente nantu à u so iPhone. Nick hà verificatu ellu stessu, è abbastanza sicura, u bellu cuncepimentu reattivu ch'ellu hà cuncipitu ùn funziunava più.
Hè statu ancu stupitu da u fattu chì quandu hà ridimensionatu a finestra di u navigatore nantu à u so desktop, u situ era reattivu, ma nantu à u so iPhone, solu a versione desktop hè stata visualizata. Perchè un situ seria reattivu nantu à un urdinatore di scrivania è ùn risponde micca à un dispositivu mobile?
Perchè u Design Reattivu ùn Funziona micca
U cuncepimentu reattivu smette di travaglià quandu manca una linea di codice in l'intestazione di un fugliale HTML. Se sta sola linea di codice manca, u vostru iPhone, Android, è altri dispositivi mobili assumeranu chì u situ web chì state visualizendu hè un situ desktop cumpletu è adatta a dimensione di u vista per abbraccià tutta a schermata.
Cosa Vulete Intende Per Vista è Dimensione Vista?
In tutti i dispositivi, a dimensione di a finestra di riferimentu si riferisce à a dimensione di l'area di una pagina web chì hè attualmente visibile per l'utente. Immaginate di tene un iPhone 5 cù una larghezza di 320 pixel. A menu chì ùn sia micca dichjaratu esplicitamente altrimente, i iPhones assumenu chì ogni situ web chì visitate hè un situ di desktop cù una larghezza di 980px.
Avà, aduprendu u vostru iPhone immaginariu 5,visitate un situ web pensatu per u desktop chì hè largu 800px. Ùn hà micca una dispusizione reattiva, cusì u vostru iPhone mostra a versione di scrittore à larga larghezza.
cosa significa quandu u vostru iphone continua à riavviare
Ma un iPhone 5 hè largu solu 320 pixel. Ùn hè micca sempre a dimensione di a finestra di vista?
Innò, ùn hè micca. Cù dimensione di vista, scala pò esse implicata . L'iPhone deve alluntanassi per vede a versione à larghezza cumpleta di a pagina web. Arricurdatevi chì a finestra di vista si riferisce à l'area di una pagina chì hè attualmente visibile per l'utilizatore. L'utilizatore di l'iPhone vede attualmente solu 320 pixel di a pagina, o vedenu a versione à larga larghezza?
Hè vera: Stanu vedendu a pagina web di larghezza cumpleta nantu à a so visualizazione perchè l'iPhone hà presuppostu chì hè cumpurtamentu predefinitu: Hè ingrandatu per chì l'utente possi vede una pagina web finu à una larghezza di 980 pixel. Dunque, a vista di l'iPhone hè 980px.
Mentre zoomate o alluntanate, a dimensione di a finestra di vista cambia. Avemu dettu nanzu chì u nostru situ immaginariu hà una larghezza di 800px, allora sì avete da ingrandà u vostru iPhone in modu chì i bordi di u situ web toccavanu i bordi di a visualizazione di u vostru iPhone, a finestra di vista seria 800px. L'iPhone pò avè una finestra di vista di 320px nantu à un situ di scrittore, ma s'ella l'avia, ne videriate solu una piccula parte.
A verificazione di pagamentu di spartera di famiglia hè necessaria
U mo situ Reattivu hè Ruttu. Cumu Riparaghju?
A risposta hè una sola linea di HTML chì quandu hè inserita in l'intestazione di una pagina web dice à u dispositivu di mette u portu di vista à a so larghezza propria (320px in u casu di un iPhone 5) è micca di scala (o zoom) di a pagina.
Per una discussione più tecnica di tutte l'opzioni relative à questa meta tag, verificate st'articulu nantu à tutsplus.com .
Cume Riparà u Tema WordPress X Quandu Ùn hè micca Risposte
Ritornu à u mo amicu di prima: Questa linea di codice hè sparita quandu hà aggiornatu u tema X. Quandu si riparanu i vostri, tenite à mente chì u tema X ùn usa micca solu un fugliale di intestazione - usa diversi fugliali di intestazione per ogni stack, allora duverete mudificà u vostru.
perchè ùn possu micca guardà i video di youtube nantu à u mo telefunu
Siccomu Nick usa a pila Ethos di u tema X, duvia aghjunghje una linea di codice chì aghju menzionatu prima in u file di intestazione chì era situatu in x /frameworks/views/ethos/wp-header.php . Se utilizate una pila diversa, sustituite u nome di a vostra pila (Integrità, Rinnovà, ecc.) Per 'ethos' per truvà u fugliale di intestazione currettu. Inserite quella linea, è voilà! Site bonu per andà.
Dunque Questu Corregge e mo Richieste CSS Media, Troppu?
Quandu inserite quella linea in l'intestazione di u vostru fugliale HTML, e vostre dumande risposte @media cuminceranu di colpu à travaglià torna è a versione mobile di u vostru situ web hà da rinvivisce. Grazie per a lettura è spergu chì aiuta!
Ricurdate di Payette Avanti,
David P.