מיין אָפּרופיק וועבזייטל איז נישט ארבעטן. די פיקס: וויעוופּאָרט.

My Responsive Website Isn T Working







פּרוּווט אונדזער קיילע צו עלימינירן פּראָבלעמס

ווו קען איך באַקומען כאַסענע געהאַט דורך יידל

א פרייַנד פון מיר לעצטנס קאָנטאַקט מיר צו פרעגן פֿאַר הילף מיט אַ WordPress פּלאַץ ער האט געבויט מיט די X טעמע. זיין קליענט האָט אים גערופֿן דעם מאָרגן נאָך ער באמערקט אַז זיין וועבזייטל איז נישט ריכטיק אויף זיין יפאָנע. ניק אָפּגעשטעלט עס זיך, און זיכער גענוג, די שיין אָפּרופיק פּלאַן ער דיזיינד איז געווען ניט ארבעטן ענימאָר.





ער איז געווען נאָך מיסטאַפייד דורך דעם פאַקט אַז ווען ער רעסיזעד זיין בלעטערער פֿענצטער אויף זיין דעסקטאַפּ, די פּלאַץ איז געווען אָפּרופיק, אָבער אויף זיין יפאָנע בלויז די דעסקטאַפּ ווערסיע איז געוויזן. פארוואס וואָלט אַ פּלאַץ זיין? אָפּרופיק אויף אַ דעסקטאַפּ קאָמפּיוטער און ניט-אָפּרופיק אויף אַ רירעוודיק מיטל?



פארוואס אָפּרופיק פּלאַן קען נישט אַרבעטן

אָפּרופיק פּלאַן סטאַפּס ארבעטן ווען איין קאָד שורה איז פעלנדיק אין די כעדער פון אַ HTML טעקע. אויב די איין קאָד שורה איז פעלנדיק, דיין יפאָנע, אַנדרויד און אנדערע רירעוודיק דעוויסעס וועלן יבערנעמען אַז די וועבזייטל וואָס איר וויעוועד איז אַ פול-גרייס דעסקטאַפּ פּלאַץ און סטרויערן די גרייס פון די viewport צו ענקאַמפּאַס די גאנצע פאַרשטעלן.

וואָס טאָן איר מיינען מיט וויעוופּאָרט און וויעוופּאָרט גרייס?

אויף אַלע דעוויסעס, די גרייס פון די וויופּאָרט רעפערס צו די גרייס פון דער שטח פון אַ וועבזייטל וואָס איז דערווייַל קענטיק פֿאַר די באַניצער. ימאַגינע איר האָט אַן iPhone 5 מיט אַ ברייט פון 320 בילדצעלן. סיידן בפירוש אַנדערש געזאָגט, יפאָנעס יבערנעמען אַז יעדער וועבזייטל איר באַזוכן איז אַ דעסקטאַפּ פּלאַץ מיט אַ ברייט פון 980 פּקס.

איצט, ניצן דיין ויסגעטראַכט יפאָנע 5,איר באַזוכן אַ וועבזייטל דיזיינד פֿאַר דעסקטאַפּ וואָס איז 800 פּקס ברייט. עס האט נישט אַ אָפּרופיק אויסלייג, אַזוי דיין יפאָנע דיספּלייז די פול-ברייט דעסקטאַפּ ווערסיע.





בלאַקינג אַוטגאָוינג נומער אויף יפאָנע

אָבער אַ יפאָנע 5 איז בלויז 320 פּיקסעלס ברייט. איז דאָס ניט שטענדיק די גרייס פון דעם וויואָרט?

ניין ס 'איז נישט. מיט מיינונג גרייס סקיילינג קענען זיין ינוואַלווד . די יפאָנע דאַרף צו פארגרעסער צו זען די פול-ברייט ווערסיע פון ​​די וועבזייטל. געדענקט אַז וויעוופּאָרט רעפערס צו די שטח פון אַ בלאַט וואָס איז איצט קענטיק פֿאַר די באַניצער. איז דער יפאָנע באַניצער דערווייַל בלויז 320 בילדצעלן פון דעם בלאַט, אָדער זען זיי די פול-ברייט ווערסיע?

אַז ס 'רעכט: זיי זען די פול-ברייט וועבזייטל אויף זייער אַרויסווייַזן ווייַל די יפאָנע האט אנגענומען אַז עס ס ניט ויסצאָלן נאַטור: עס ס זומד אויס אַזוי דער באַניצער קען זען אַ וועבזייטל אַרויף צו אַ ברייט פון 980 בילדצעלן. דעריבער, די iPhone ס וויופּפּאָרט איז 980 פּקס.

ווען איר פארגרעסער אין אָדער אויס, די גרייס פון די וויופּאָרט ענדערונגען. מיר האָבן פריער געזאָגט אַז אונדזער ויסגעטראַכט וועבזייטל האט אַ ברייט פון 800 פּקס, אַזוי אויב איר וואָלט פארגרעסער דיין iPhone אַזוי אַז די עדזשאַז פון די וועבזייטל אָנרירן די עדזשאַז פון דיין יפאָנע 'ס אַרויסווייַזן, די וויפּאָרט איז 800 פּקס. די יפאָנע קענען האָבן אַ וויעוופּאָרט פון 320 פּקס אויף אַ דעסקטאַפּ פּלאַץ, אָבער אויב עס איז געווען, איר וואָלט נאָר זען אַ קליין טייל פון עס.

יפאָנע ספּיננינג ראָד פון טויט פאַרריכטן

מייַן אָפּרופיק וועבזייטל איז צעבראכן. ווי אַזוי קען איך פאַרריכטן עס?

דער ענטפער איז אַ איין שורה פון HTML אַז ווען ינסערטאַד אין די כעדער פון אַ וועבזייטל, די מיטל זאָל שטעלן די וויוינג פּאָרט צו זיין ברייט (320 פּקס אין דעם פאַל פון אַ יפאָנע 5) און נישט צו וואָג (אָדער פארגרעסער) די בלאַט.

פֿאַר אַ מער טעכניש דיסקוסיע פון ​​אַלע די אָפּציעס שייַכות צו דעם מעטאַ קוויטל, טשעק אויס דעם אַרטיקל אויף tutsplus.com .

ווי צו פאַרריכטן WordPress X טים ווען עס איז נישט אָפּרופיק

צוריק צו מיין פרייַנד פון פריער: די איין שורה פון קאָד פאַרשווונדן ווען ער דערהייַנטיקט די X טעמע. ווען איר פאַרריכטן דיין, האַלטן אין זינען אַז די X טעמע ניצט נישט בלויז איין כעדער טעקע - עס ניצט פאַרשידענע כעדער טעקעס פֿאַר יעדער אָנלייגן, אַזוי איר וועט האָבן צו רעדאַגירן דיין.

קיין סערוויס אויף יפאָנע 5

זינט Nick ניצט די עטהאָס אָנלייגן פון X טעמע, ער האט צו לייגן דעם קאָד שורה וואָס איך האָב פריער דערמאנט צו די כעדער טעקע וואָס איז געווען אין X / פראַמעוואָרקס /views/ethos/wp-header.php . אויב איר נוצן אַ אַנדערש אָנלייגן, פאַרבייַטן די נאָמען פון דיין אָנלייגן (ינטעגריטי, באַנייַען, אאז'ו ו) פֿאַר 'עטהאָס' צו געפֿינען די ריכטיק כעדער טעקע. שטעלן די איין שורה, און וווואַלאַ! איר'רע גוט צו גיין.

אַזוי דאָס אויך פיקס מיין CSS מעדיע פֿראגן?

ווען איר שטעלן די שורה אין די כעדער פון דיין HTML טעקע, דיין אָפּרופיק @ מעדיע פֿראגן וועט פּלוצלינג אָנהייבן צו אַרבעטן ווידער און די רירעוודיק ווערסיע פון ​​דיין וועבזייטל וועט זיין לעבעדיק. דאַנקען פֿאַר לייענען און איך האָפֿן עס העלפּס!

געדענקט צו פּייַעטטע פֿאָרווערטס,
David P.