ما يمكن أن يسبب نفس المتصفح على أجهزة الكمبيوتر المختلفة لتقديم نفس HTML بشكل مختلف ؟
https://stackoverflow.com/questions/1224796
-
22-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا الحيرة.عميل وأنا على حد سواء تشغيل Firefox 3.0.12 على XP الآلات.ونحن نرى نفس الصفحة في نفس المتصفح على أجهزة مختلفة ولها نتائج مختلفة.ملاحظة:جميع المتصفحات IE تتفق على كلا من آلات و FF 3.5.1 يتسق مع FF 3.0.12.(انه لا يكون FF 3.5.x تثبيت مقارنة مع).
هناك 1 بكسل الفرق التي تسبب له رأس div (جميع الصور ، أي النص) إلى التفاف.أنا بخير.إذا قمت بتوسيع له رأس بمقدار 1 بكسل (عبر الحرائق تحرير css), يعمل.
سؤالي هو: ما المتغيرات الأخرى هناك التي تؤثر على التقديم??
أحاول التفكير "خارج الصندوق" لأنه يبدو أنه ينبغي أن تعمل بالضبط نفس الشيء.
نحن مسح ذاكرة التخزين المؤقت في المتصفح.لقد فعلت مهرجان دبي السينمائي الدولي في مصدر HTML وغيرها من جافا سكريبت التاريخ والوقت الطوابع و جافا سكريبت رمز تتبع فار مصادر متطابقة.
أعرف أن هذا السؤال قد تكون مفيدة في المصدر ، ولكن موكلي على وجه التحديد لا تريد هذه الصفحة مباشرة على الانترنت الآن.أنا أيضا التحقق من القضية عبر webex الدورة.في البداية لم أصدق أن لدينا نتائج مختلفة.
أي شخص آخر تأتي عبر شيء مثل هذا من قبل ؟ ماذا يجب أن تحقق / التصحيح التالي ؟
تحرير: هناك الكثير من الاقتراحات التي تشير إلى الخطوط, ولكن رأس يستخدم الصور فقط.حسنا, هذا ليس صحيحا تماما ، هناك divs التي هي جزء من القائمة القابلة للطي ، ولكن كل ذلك هو display:none في البداية تقديم لذا أعتقد أنه شيء آخر.
تحرير 2: لقد غيرت كل أنواع الخطوط والأحجام (كل من النظام الافتراضي إعدادات الخط و داخل فايرفوكس) على جهاز الكمبيوتر في محاولة لتكرار المشكلة.لقد غيرت تقديم نمط (قياسي مقابلنوع واضح).ندى. المشكلة هي تقريبا بالتأكيد ليس الخط ذات الصلة. يجب أن نرى ما اذا كان يمكنني الحصول على المزيد من الوصول إلى جهاز الكمبيوتر العميل إلى تكرار المشكلة.
المحلول
إذ لا يمكن أن نلقي نظرة على الموقع في المتصفحات, هنا هو العملية التي أود استخدامها لمحاولة الظفر أسفل الموضوع:
بدء إزالة كتل التعليمات البرمجية قطعة قطعة حتى اثنين من المتصفحات ننظر نفسه.
أيهما كتلة من التعليمات البرمجية آخر إزالتها التي جعلت كل شيء يصطف تماما (حتى إذا كنت في عداد المفقودين قطعة من الجسم) ، هذا بالقرب من مكان الجاني هو.
منذ كنت قد وجدت الجاني ، مكان كل رمز مرة أخرى.تبدأ العبث مع الخطوط أولا.تغيير الخطوط وأحجام إزالة النص ، وما إلى ذلك. حتى يمكنك العثور على شرط فيها المتصفحات هي نفسها. إذا لم يكن الخط المسألة تبدأ العبث مع أجزاء أخرى منه حتى كنت قد وجدت حالة تطابق عنه.
مرة واحدة كنت قد فعلت ذلك, سوف تعرف المشكلة و يمكنك العمل حوله.
نصائح أخرى
إذا كنت تستخدم فايرفوكس تأكد من ضرب Ctrl-0 الافتراضي مستوى التكبير / التصغير.
أنا أعرف بلدي FF3.0 يجعل كل شيء تبدو مختلفة عن الآخرين لأنه تعيين في تفضيلات استخدام حجم الخط الأدنى من 16.أنا لا أميل الحصول على غرامة المطبوعة, أحصل على كومة من القراءة والكتابة.
كما يجري على ماك, الخطوط الافتراضية هي sans serif, بينما على ويندوز كل ما هو شريف ، والتي يمكن أيضا تغيير الخط الاعراض و آفاق أبعد من ذلك.
إذا كان أي شيء على الصفحة الخاصة بك هو المحدد مع "م" أو "السابق" وحدات ، فهي تعتمد على حجم الخط.
كنت مقارنة الإضافات/addons.
ماذا عن الخط الخاص بك تمهيد إعدادات - هم نفس (لا شيء/antialias/ClearType)?يمكن تغيير عرض نص معين ، قد يكون مجرد ما كنت أبحث عنه.
هل أنت على حد سواء باستخدام نفس حجم الشاشة?هل فايرفوكس محاولة نطاق الخطوط الظاهر حجم الشخص عرض الصفحة ، أو عدد محدد من بكسل ؟
الشيء الوحيد الذي يتبادر إلى الذهن هو الخطوط المثبتة.إذا كان لديك خط العميل لا يمكن أن يكون هناك 1 بكسل فرق في احتساب حجم.FF و أي يمكن التقريب بشكل مختلف ، مما يفسر السبب في أنها تتصرف بشكل مختلف.
أنا في الغالب أتفق مع كل "font الرجال" كذلك ، ولكن إذا كان هذا لا يساعد محاولة التحقق من رؤوس HTTP منذ بعض رؤوس قد تكون أضيفت من قبل وكلاء هذه بين الخادم و العميل الخاص بك.ولكن في محاولة الخط اقتراحات الأولى...
بالتوفيق ;)
مختلف أنظمة التشغيل المختلفة الخط محركات التقديم.مختلفة إلى حد كبير.أكثر من كافية للتسبب على الأقل 1 بكسل الفرق ، اعتمادا على كيفية إعداد CSS الخاص بك.
تخميني الأول هو أن تفعل شيئا مع النافذة ، أنا لا أذكر أن هذا قد يحدث في فايرفوكس ولكن محاولة تغيير حجم نافذة على أي حال.ومن الممكن أيضا أن هناك في الواقع شيء 1px واسعة تناول هذا الفضاء ، مثل إطار خفية أو غيرها.قد تكون هذه تماما قبالة علامة منذ أنا لا أعرف كيف كنت في الواقع جعل الشيء.
والحل الممكن هو عرض واحدة من الصور كخلفية div بدلا من استخدام الوسم img, هذا سوف يؤدي إلى تكون ببساطة اقتطاع بدلا من التفاف إذا كان 1px قبالة.
رأيت هذه المشكلة مرة واحدة ، كما اتضح أن يقوم المستخدم بتكبير الصفحة و التكبير تسبب الرياضيات التقريب القضايا.كان عن غير قصد التكبير صفحتي إلى 120% ، كان لديهم مجرد طبيعية 100%.
مع التحديث الحالي في المتصفح, المتصفح إعدادات التكبير أخذ إعدادات dpi النظام.
في ويندوز 7 ، إعداد dpi = 125% سوف تنتج تأثير التكبير على التكبير 100 ٪ من نافذة المتصفح.
لذا لا يرتبط هذا مع HTML.أيأقول إعدادات العرض = 300px سوف تنتج مختلف حجم مربع على نفس المتصفح مع نفس إعدادات التكبير ولكن مع مختلف إعدادات dpi.
نقطة في البوصة = 125 % سوف تنتج أكبر مربع.
لذلك, إذا كنت ترغب في خفض مستوى التكبير / التصغير ، إما تصغير المتصفح عن طريق الضغط ctrl + - أو يقلل من إعدادات dpi النظام عن طريق الخطوات التالية
