التكبير التلقائي على اي فون سفاري

Question

هل هناك طريقة للموبايل سفاري للتعرف على الموقع المقصود للهواتف النقالة والتكبير تلقائيا في؟ كيف هذا العمل على الهواتف والمتصفحات الأخرى؟

وأود أن تجنب النظر في USER_AGENT وإرسال صفحة مختلفة لكل متصفح الجوال.

Answer 1

وانظر في تكوين العرض جزء من دليل التطبيق على شبكة الإنترنت المطور أبل.

Answer 2

ولقد لاحظت ذلك تماما إذا كان لديك جسمك أو الرئيسي ارتفاع المجمع شعبة تعيين إلى 100٪، وهذا يمكن فوضى مع مدى من ذلك الأزيز / يجعل في متصفح الجوال. وأكد ذلك في رحلات السفاري المحمول ومتصفح الكروم الروبوت. مرة واحدة أنا وضعت ارتفاع #siteWrapper من 100٪ إلى السيارات، وبعد ذلك قدمت على نطاق أفضل بكثير.

و(ارتفاع بنسبة 100٪ على مجمع الرئيسي وغالبا ما تستخدم مع الهوامش لزجة).

Answer 3

يمكن مواقع التعرف على متصفح الجوال وتنتج الناتج تبعا لذلك، وهذا عادة بالطريقة المطلوبة.

وسفاري سيتم الكشف عن العرض والتكبير لصالح، ولكن أبعد من ذلك ...

Answer 4

ويمكنك تجنب صفحات مختلفة على أساس عامل المستخدم باستخدام مشروط CSS. أبل لديها فعلا بعض الوثائق جيدة جدا على إنشاء صفحات الويب التي يمكن أن تدعم سفاري على اي فون جنبا إلى جنب مع متصفحات سطح المكتب.

وأوصي بدءا قراءة <لأ href = "http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/iPhoneWebAppHIG/Introduction/Introduction.html" يختلط = "نوفولو noreferrer" عنوان = "المبادئ التوجيهية واجهة اي فون الإنسان لتطبيقات ويب"> اي فون المبادئ التوجيهية واجهة الإنسان لتطبيقات ويب . هذا وسوف تعطيك بداية جيدة في استخدام مشروط CSS إلى تخصيص صفحات على أساس خصائص جهاز (مثل حجم الشاشة) بدلا من عامل المستخدم.