יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
12/01/2022 12:57
בניית חנות באינטרנט למדבקות קיר מעוצבות ולתמונות קנבס
05/01/2022 15:55
אתר מכירות פומביות לרכישת מוצרים באמצעות שיטת המכרז האנגלי לפיה זוכה בעל ההצעה הגבוהה ביותר
תגובות אחרונות תגובות אחרונות
מדריך CSS - מתחילים
17/01/2022 19:35
היי, עיצוב עושים עם CSS, ולא ...
מדריך CSS - מתחילים
16/01/2022 20:41
האם יש אפשרות לעצב רקע בתוך דף...
מדריך CSS - מתחילים
18/11/2021 10:18
היי ינון, אתה צריך את הטקסט ש...
תגובות אחרונות פוסטים אחרונים בפורום
03/05/2022 18:51
היי, האם קידום ממומן יכול לעב...
03/05/2022 18:50
היי, אני מוכר ארונות, חלקם מו...
03/05/2022 18:44
היי, אני בחורה חרדית בעלת חנו...
24/04/2022 14:21
היי, יש לי חברה שמוכרת שעונים...
24/04/2022 14:21
היי, יש לי חנות אינטרנטית עם ...

אתר רספונסיבי

  1. דף הבית
  2. פורום בניית אתרי מכירות ופורטלים
  3. בניית אתרי מכירות ופורטלים

אתר רספונסיבי

שלום חברים.
אני רוצה ליצור אתר רספונסיבי (אני מתכוון לעבודה עם media-queries)
אם רוחב המסך הוא למשל 10366 תצוגת הדף תכיל גלריה וכו'...
ואם רוחב המסך הוא 320 או 480 התצוגה לא תכיל את הגלריה כיוון שהיא הופכת ללא נוחה לצפייה, וגם בגלל שאני מעדיף להציג טקסט ולא תמונות מוקטנות.
אם אני עושה שינויי ב html הוא משפיע על כל הפלטפורומות יחדיו. לכן השאלה היא האם יש דרך להציג מידע שונה בכל פלטפורמה?

שימוש ב-Media Queries

היי אבי,

אין בעיה ליצור מצב באתר שאובייקטים מסויימים לא יוצגו או יעבדו אחרת ברזולוציות מסך שונות, או על מכשירים והתקנים (devices) שונים.

ראשית, אם אתה עושה התאמה סלולרית או למכשיר מסויים, ניתן באמצעות קוד PHP פשוט לזהות על איזה מכשיר האתר שלך עובד. תוכל להעזר במשתנה HTTP_USER_AGENT (חפש בגוגל) שיחזיר לך את הערך של ה-device עליו מורץ האתר.

שנית, אם אתה מחפש את הרזולוציה בקוד JS, תוכל להעזר במשתנים window.innerWidth או document.documentElement.clientWidth (הראשון הוא תקני והשני מותאם לדפדפן אקספלורר בלבד). אלו משתנים של רוחב המסך, אבל יש גם את אחיהם התאומים של הגובה.

דבר אחרון, תוכל לעזר ביכולות Media Query של CSS3. תוכל לקרוא על כך עוד חומר פה מצויין עם דוגמאות בעמוד פה:
http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

מקווה שעזרתי :)

תודה ושבת שלום,
דוד

אוקיי תודה

תודה על התשובה, מצאתי כיוון נוסף: ליצור AP דיב וברזולוציות מסוימות לכבות או להדליק את הנראות שלו.
עכשו אני רק צריך למצוא את הקוד המתאים.
הוספת תגובה חדשה
YouTube previewPlay

שנקפיץ יחד את העסק שלך לגבהים חדשים?

בניית חנות אינטרנטית של מיזם גרופ תעזור לך ביצירת סיסטם עוצמתי שמגדיל מכירות.

ההצלחה מבוססת על בניית חנות וירטואלית בחוד החנית עם הקמת מערך שיווק אפקטיבי שמגדיל חשיפה והמרות.

 

אל תהססו! מלאו את הטופס או התקשרו עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: