Nire lagun bat orain dela gutxi jarri zen nirekin harremanetan X gaia erabiliz eraikitako WordPress gune batekin laguntza eskatzeko. Bezeroak deitu egin zion goiz hartan, bere webgunea ez zela behar bezala bistaratzen iPhoneean ohartu eta gero. Nick-ek berak egiaztatu zuen, eta, ziur asko, diseinatu zuen diseinu sentikor ederrak ez zuen funtzionatzen.
Are gehiago, harrituta utzi zuen mahaigaineko arakatzailearen leihoaren tamaina aldatu zuenean gunea zen sentikorra da, baina bere iPhone-ean, mahaigaineko bertsioa bakarrik bistaratzen zen. Zergatik izango litzateke gune bat sentikorra mahaigaineko ordenagailuan eta gailu mugikorrean ez du erantzuten?
Zergatik ez da funtzionatzen diseinu sentikorra
Diseinu sentikorrak funtzionatzeari uzten dio HTML fitxategi baten goiburuan kode lerro bat falta denean. Kode lerro bakar hau falta bada, zure iPhone, Android eta beste gailu mugikorrek ikusten ari zaren webgunea tamaina osoko mahaigaineko gunea dela suposatuko dute eta tamaina egokituko dute. ikuspegia pantaila osoa biltzeko.
Zer esan nahi duzu ikuspegiaren eta ikuspegiaren tamainaren arabera?
Gailu guztietan, ikuspegiaren tamaina erabiltzaileak egun ikusten duen web orrialde baten azaleraren tamainari dagokio. Imajinatu 320 pixeleko zabalera duen iPhone 5 bat duzula. Espresuki kontrakoa esaten ez bada, iPhoneak bere gain hartzen du bisitatzen duzun webgune bakoitza 980 px-ko zabalera duen mahaigaineko gunea dela.
Orain, zure irudimenezko iPhone 5 erabiliz,mahaigainerako diseinatutako webgune bat bisitatzen duzu 800 px zabalekoa. Ez du diseinu sentikorrik, beraz, zure iPhone-ak zabalera osoko mahaigaineko bertsioa erakusten du.
zergatik ez du nire iphone kopiak hodeira egingo
IPhone 5 batek 320 pixeleko zabalera besterik ez du. Ez al da hori beti ikuspegiaren tamaina?
Ez, ez da. Ikuspegi tamainarekin, eskalatzeak parte har dezake . IPhonek txikitu egin behar du webgunearen zabalera osoko bertsioa ikusteko. Gogoratu ikuspegia erabiltzaileak une honetan orrialde baten eremua aipatzen duela. IPhone erabiltzaileak orrialdearen 320 pixel besterik ez ditu ikusten, edo zabalera osoko bertsioa ikusten al du?
Hori bai: zabalera osoko web orria ikusten ari dira pantailan, iPhoneak berezko portaera duela suposatu duelako: txikiagotu egin da, erabiltzaileak 980 pixeleko zabalera duen web orria ikusi ahal izateko. Hori dela eta, iPhonearen ikuspegia 980 px da.
Handitu edo txikitu ahala, ikuspegiaren tamaina aldatu egiten da. Aurretik esan genuen gure irudimenezko webguneak 800 px-ko zabalera duela, beraz, zure iPhone-a zooma egingo bazenu webgunearen ertzak zure iPhone pantailako ertzak ukitu ahal izateko, ikuspegia 800 px izango litzateke. IPhone-a daiteke mahaigaineko gunean 320 pixeleko ikuspegia daukazu, baina hala balitz, zati txiki bat besterik ez zenuke ikusiko.
zergatik ez dut nire iphone iTunesen babeskopia egiten
Nire webgune sentikorra hautsita dago. Nola Konpondu?
Erantzuna HTML lerro bakarra da, web orri baten goiburuan txertatuta dagoenean gailuak esaten dio leihoa bere zabalerara ezartzeko (320 px iPhone 5 baten kasuan) eta ez orrialdea eskalatzeko (edo handitzeko).
Meta etiketa honekin erlazionatutako aukera guztien inguruko eztabaida teknikoagoa lortzeko, begiratu artikulu hau tutsplus.com webgunean .
Nola konpondu WordPress X gaia erantzuten ez duenean
Itzuli nire aurreko lagunarengana: Kode lerro hau desagertu zen X gaia eguneratu zuenean. Zurea konpontzerakoan, gogoan izan X gaiak ez duela goiburuko fitxategi bakarra erabiltzen - goiburuko fitxategi desberdinak erabiltzen ditu pila bakoitzeko, beraz zurea editatu beharko duzu.
zergatik ez da nire iphone 6a kargatzen
Nick-ek Ethos X gaiaren pila erabiltzen duenez, aurretik aipatu dudan kode lerroa gehitu behar izan du x-n kokatutako goiburu fitxategian. /frameworks/views/ethos/wp-header.php . Beste pila bat erabiltzen baduzu, ordeztu zure pilaren izena (Osotasuna, Berritu, etab.) 'Ethos' izenburuaren fitxategi zuzena aurkitzeko. Txertatu lerro hori, eta voila! Joateko ona zara.
Beraz, honek nire CSS multimedia kontsultak konpontzen ditu, gehiegi?
Lerro hori zure HTML fitxategiaren goiburuan txertatzen duzunean, sentikorrak diren @media kontsultak berriro funtzionatzen hasiko dira eta zure webgunearen bertsio mugikorra berriro piztuko da. Eskerrik asko irakurtzeagatik eta espero dut laguntzea!
Gogoratu Payette Aurrera,
David P.