یکی از دوستان من اخیراً با من تماس گرفت تا از سایتی در وردپرس که با استفاده از تم X ساخته بود کمک کند. مشتری او صبح که متوجه شد وب سایتش به درستی در آیفونش نمایش داده نمی شود با او تماس گرفته بود. نیک خودش آن را بررسی کرد و مطمئناً ، طراحی پاسخگو زیبایی که او طراحی کرده بود دیگر کارایی نداشت.
او با این واقعیت که وقتی سایز پنجره مرورگر خود را روی دسک تاپ ، سایت تغییر اندازه داد ، از او غافل شد بود پاسخگو است ، اما در iPhone او ، فقط نسخه دسک تاپ نمایش داده شد. چرا سایتی وجود دارد؟ پاسخگو در رایانه رومیزی و در دستگاه همراه پاسخگو نیست؟
چرا طراحی پاسخگو کار نمی کند؟
هنگامی که یک خط کد در هدر یک فایل HTML وجود ندارد ، طراحی پاسخگو متوقف می شود. اگر این خط کد از بین رفته باشد ، iPhone ، Android و سایر دستگاه های تلفن همراه شما تصور می کنند وب سایتی که مشاهده می کنید یک سایت دسک تاپ با اندازه کامل است و اندازه آن را تنظیم می کند درگاه مشاهده تا کل صفحه را در بر بگیرد.
منظور شما از Viewport و اندازه Viewport چیست؟
در همه دستگاه ها ، اندازه نمای نمایش به اندازه مساحت یک صفحه وب است که در حال حاضر برای کاربر قابل مشاهده است. تصور کنید که آیفون 5 با عرض 320 پیکسل در دست دارید. مگر اینکه صریحاً چیز دیگری گفته شود ، آیفون ها تصور می کنند هر وب سایتی که بازدید می کنید یک سایت دسک تاپ با عرض 980px است.
اکنون ، با استفاده از آیفون 5 خیالی خود ،شما از وب سایتی بازدید می کنید که برای دسک تاپ با عرض 800 پیکسل طراحی شده است. این یک طرح پاسخگو نیست ، بنابراین iPhone شما نسخه دسک تاپ تمام عرض را نمایش می دهد.
هنگام زنگ زدن آی پد زنگ می زند
اما عرض یک آیفون 5 فقط 320 پیکسل است. آیا این همیشه اندازه چشم انداز نیست؟
نه اینطور نیست. با اندازه ویوپورت ، مقیاس گذاری می تواند دخیل باشد . آیفون برای دیدن نسخه کامل صفحه وب باید بزرگنمایی کند. به یاد داشته باشید که viewport به ناحیه صفحه ای گفته می شود که در حال حاضر برای کاربر قابل مشاهده است. آیا کاربر آیفون در حال حاضر فقط 320 پیکسل از صفحه را می بیند یا نسخه کامل آن را می بیند؟
درست است: آنها صفحه وب تمام عرض را در صفحه نمایش خود مشاهده می کنند زیرا آیفون رفتار پیش فرض خود را تصور کرده است: این بزرگنمایی است تا کاربر بتواند یک صفحه وب را به عرض 980 پیکسل مشاهده کند. بنابراین میزان نمایش آیفون 980px است.
با بزرگنمایی یا کوچکنمایی ، اندازه نمای نمایش تغییر می کند. قبلاً گفتیم که عرض وب سایت خیالی ما 800 پیکسل است ، بنابراین اگر بخواهید آیفون خود را بزرگنمایی کنید ، به طوری که لبه های وب سایت لبه های نمایشگر آیفون شما را لمس کند ، دیدگاه 800 پیکسل خواهد بود. آیفون می توان دارای یک نمای دید 320px در یک سایت دسک تاپ است ، اما اگر چنین باشد ، فقط قسمت کوچکی از آن را مشاهده خواهید کرد.
iPad غیرفعال به چه معناست
وب سایت پاسخگو من شکسته است. چگونه این را درست کنم؟
پاسخ یک خط HTML است که وقتی در هدر یک صفحه وب قرار می گیرد ، به دستگاه می گوید که نمای دید را بر روی عرض خود تنظیم کند (در مورد آیفون 5 320 پیکسل) و صفحه را مقیاس بندی یا بزرگنمایی نکند.
برای بحث تکنیکی بیشتر درباره همه گزینه های مربوط به این متا تگ ، بررسی کنید این مقاله در tutsplus.com .
چگونه WordPress X Theme را پاسخگو نیست؟
از قبل به دوستم برگردم: این یک خط کد وقتی او موضوع X را به روز کرد ، ناپدید شد. هنگام رفع مشکلات خود ، به خاطر داشته باشید که تم X فقط از یک پرونده هدر استفاده نمی کند - از پرونده های مختلف هدر برای هر پشته استفاده می کند ، بنابراین شما باید موارد خود را ویرایش کنید.
ipad air به وای فای متصل نمی شود
از آنجا که نیک از قالب Ethos stack of X استفاده می کند ، مجبور شد خط کدی را که قبلاً ذکر کردم به پرونده هدر که در x قرار داشت اضافه کند. /frameworks/views/ethos/wp-header.php . اگر از پشته دیگری استفاده می کنید ، نام پشته خود را (Integrity ، Renew و غیره) با 'ethos' جایگزین کنید تا فایل هدر صحیح را پیدا کنید. آن یک خط را وارد کنید و voila را وارد کنید! شما خوب هستید که بروید
بنابراین این نمایش داده های رسانه CSS من رفع می شود ، بیش از حد؟
وقتی آن خط را در هدر پرونده HTML خود قرار می دهید ، ناگهان درخواست هایmedia پاسخگو شما دوباره شروع به کار می کنند و نسخه موبایل وب سایت شما دوباره زنده می شود. با تشکر از شما برای خواندن و امیدوارم که کمک کند!
به یاد داشته باشید Payette Forward ،
دیوید پی