Жақында бір досым менімен байланысып, ол X тақырыбын қолданып салған WordPress сайтына көмек сұрады. Оның клиенті сол күні таңертең оның веб-сайтының iPhone-да дұрыс көрсетілмегенін байқағаннан кейін оған қоңырау шалған. Ник мұны өзі тексеріп шықты, және ол ойлап тапқан әдемі жауап беру дизайны енді жұмыс істемейді.
Ол өзінің жұмыс үстеліндегі браузер терезесінің өлшемін өзгерткен кезде сайтта жұмбақ болды болды жауап береді, бірақ оның iPhone-да жұмыс үстелінің нұсқасы ғана көрсетілген. Неге сайт болуы керек? жұмыс үстелі компьютерінде жауап береді және мобильді құрылғыда жауап бермейді?
Неліктен жауап беретін дизайн жұмыс істемейді
Жауапты дизайн HTML файлының тақырыбында кодтың бір жолы болмаған кезде жұмысын тоқтатады. Егер кодтың осы бір жолы жоқ болса, сіздің iPhone, Android және басқа мобильді құрылғылар сіз қарап отырған веб-сайт толық өлшемді жұмыс үстелі сайты деп есептейді және оның өлшемін реттейді көрініс бүкіл экранды қамту үшін.
Қарау орны мен көрініс өлшемі дегенді қалай түсінесіз?
Барлық құрылғыларда қарау алаңының өлшемі қазіргі уақытта пайдаланушыға көрінетін веб-сайттың аумағын білдіреді. Сіз ені 320 пикселді құрайтын iPhone 5 ұстағаныңызды елестетіп көріңіз. Егер басқаша айтылмаса, iPhone-да сіз кіретін кез-келген веб-сайт ені 980px болатын жұмыс үстелі сайты деп есептеледі.
Енді сіздің қиялыңыздағы iPhone 5-ті қолданып,сіз жұмыс үстеліне арналған, ені 800px болатын веб-сайтқа кіресіз. Оның жауап беретін орналасуы жоқ, сондықтан iPhone-да жұмыс үстелінің толық ені көрсетіледі.
iphone 6 қосымшаларды жаңартпайды
Бірақ iPhone 5-нің ені тек 320 пиксель. Бұл әрқашан қарау терезесінің өлшемі емес пе?
Жоқ олай емес. Көру терезесінің өлшемімен, масштабтау қатысуы мүмкін . IPhone веб-сайттың толық енін көру үшін кішірейту керек. Көру терезесі пайдаланушыға көрінетін беттің аумағын білдіреді. Қазіргі уақытта iPhone пайдаланушысы парақтың 320 пикселін көріп отыр ма, әлде олар бүкіл кеңдік нұсқасын көріп отыр ма?
Дәл солай: олар дисплейінде толық ені бар веб-парақты көреді, өйткені iPhone өзінің әдепкі әрекеті деп есептеді: пайдаланушы веб-парақты 980 пиксельге дейін көре алатындай етіп кішірейтілген. Сондықтан, iPhone-дың қарау алаңы 980px құрайды.
Үлкейту немесе кішірейту кезінде қарау терезесінің өлшемі өзгереді. Бұған дейін біздің ойдан шығарылған веб-сайтыңыздың ені 800 пиксельді болатынын айтқанбыз, сондықтан веб-сайттың шеттері iPhone дисплейінің шеттеріне тиіп тұратындай етіп iPhone-ны үлкейтсеңіз, көрініс терезесі 800 пиксель болады. IPhone мүмкін жұмыс үстеліндегі сайтта 320px көру алаңы бар, бірақ егер ол болса, сіз оның кішкене бөлігін ғана көресіз.
менің айфон Wi -Fi желісіне қосыла алмайды
Менің жауап беретін веб-сайтым бұзылды. Оны қалай түзетуге болады?
Жауап HTML-дің бір жолы болып табылады, ол веб-беттің тақырыбына енгізілгенде, құрылғыға көрініс терезесін оның еніне (iPhone 5 жағдайында 320px) орнатуға және парақты масштабтауға (немесе масштабтауға) болмайды.
Осы мета тегке қатысты барлық нұсқаларды техникалық талқылау үшін тексеріп көріңіз tutsplus.com сайтындағы бұл мақала .
WordPress X тақырыбын жауап бермеген кезде қалай түзетуге болады
Бұрынғы досыма оралсақ: бұл кодтың бір жолы ол X тақырыбын жаңартқанда жоғалып кетті. Өзіңдікін жөндеген кезде, X тақырыбында тек бір тақырыптық файл қолданылмайтынын есте сақтаңыз - ол әр стек үшін әр түрлі тақырыптық файлдарды пайдаланады, сондықтан сіздікін өзгерту керек болады.
телефон жұмыс істейді, бірақ экраны қара
Ник X тақырыбындағы Ethos стегін қолданғандықтан, мен х-да орналасқан тақырыптық файлға мен айтқан кодтың жолын қосуы керек еді. /frameworks/views/ethos/wp-header.php . Егер сіз басқа буманы қолдансаңыз, дұрыс тақырыптық файлды табу үшін стектің атауын (Integrity, Renew, т.б.) ‘ethos’ орнына қойыңыз. Осы бір жолды енгізіңіз және дауыстық хабарлама! Барғаныңыз жақсы.
Бұл менің CSS медиа сұрауларымды да түзетеді ме?
Бұл жолды HTML файлының тақырыбына енгізген кезде сіздің @media жауаптарыңыз кенеттен қайтадан жұмыс істей бастайды және веб-сайтыңыздың мобильді нұсқасы өмірге қайта оралады. Оқығандарыңызға рахмет және бұл көмектеседі деп үміттенемін!
Payette Forward-ты ұмытпаңыз,
Дэвид П.