"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني استهداف متصفحات iPhone وAndroid باستخدام استعلامات CSS @media؟

كيف يمكنني استهداف متصفحات iPhone وAndroid باستخدام استعلامات CSS @media؟

تم النشر بتاريخ 2024-11-12
تصفح:915

How do I target iPhone and Android browsers with CSS @media queries?

دعم CSS @media المحمول على متصفحات iPhone وAndroid

في محاولة لتخصيص صفحات الويب لمتصفحات الهاتف المحمول، قد يحاول المطورون استخدامها استعلامات CSS @media المحمولة لتغيير مظهر الصفحة. ومع ذلك، فإن بعض الأنظمة الأساسية، مثل iPhone عبر Safari، تتجاهل هذا النهج.

نهج بديل لأجهزة iPhone وAndroid

لمعالجة هذا القيد، الحل الموصى به هو: توظيف استعلامات الوسائط التي تحدد خصائص جهاز معينة. يوضح الكود التالي استهداف iPhone (أو أي جهاز بعرض شاشة 480 بكسل أو أقل):

استهداف الأجهزة ذات الدقة العالية

كما ذكرنا، تتمتع الأجهزة مثل Droid X بدقة أعلى قد لا تكون كذلك يتم الكشف عنها من خلال الاستعلام المذكور أعلاه. لاستهداف مثل هذه الأجهزة، يمكن لاستعلامات الوسائط فحص الخصائص المادية للجهاز، مثل الدقة:

موارد إضافية

يمكن العثور على مزيد من الأفكار في مقالات A List Apart المتوفرة وتوصية W3 لاستفسارات الوسائط.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3