لماذا بلدي التطبيق تبدو أصغر على الهواتف الروبوت عالية الدقة?

Question

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

حاولت إصلاح هذا مع:

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution:2dppx){
    html{
        /*font-size:125%;*/
    }
}

...ولكن في حين أنها جعلت المدافعين عن حقوق الإنسان الروبوت تبدو طبيعية ، والآن أجهزة المدافعين عن حقوق الإنسان دائرة الرقابة الداخلية تبدو كبيرة بشكل مفرط.ما هي أفضل طريقة لتصحيح هذا التناقض?نظرت إلى استعلامات وسائل الإعلام الروبوت محددة ، ولكن هذا يعني إضافة مثل 20 منهم وليس هناك ما يضمن أنها سوف تؤثر على أجهزة الروبوت على وجه التحديد.

Answer 1

وفقا ل حديث بواسطة مايك Stamm في CSSConf المشكلة كانت في الواقع في السمة الهدف densitydpi في علامة Meta Viewport، والتي يستخدمها Android، لكن Apple يتجاهل.يجب أن يكون:

giveacodicetagpre.

على ما يبدو يحل المشكلة مع معظم أجهزة Android، على الرغم من أن بعض أجهزة Android تتطلب الهدف densitydpi= 140 ).

مرتبطة: يحتوي هذا الفيديو المرتبط أعلاه على بعض الأسباب التاريخية المثيرة للاهتمام وراء الاختلافات في نظام التشغيل iOS ويعرض أندرويد.

Answer 2

أضف هذا meta علامة في الخاص بك head:

<meta name="viewport" content="width=device-width, initial-scale=1.0">