الحد الأدنى للعرض في MSIE 6
https://stackoverflow.com/questions/93274
-
01-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
ما هو نهائي طريقة لتقليد الحد الأدنى للعرض لخاصية CSS في Internet Explorer 6؟هل من الأفضل عدم المحاولة؟
المحلول
foo { min-width: 100px } // for everyone
* html foo { width: 100px } // just for IE
(أو قم بتقديم ورقة أنماط منفصلة إلى IE باستخدام تعليقات مشروطة)
نصائح أخرى
يمكنك استخدام تعبير (كما اقترح HBoss)، ولكن إذا كنت قلقًا بشأن الأداء، فإن أفضل طريقة للقيام بذلك هي إضافة شريحة داخل العنصر الذي تريد تطبيق الحد الأدنى للعرض عليه.
<div id="container">
The "shim" div will hold the container div open to at least 500px!
You should be able to put it anywhere in the container div.
<div class="shim"> </div>
</div>
#container .shim {
width: 500px;
height: 0;
line-height: 0;
}
يتطلب هذا القليل من العلامات غير الدلالية ولكنه حل حقيقي عبر المستعرضات ولا يتطلب الحمل الزائد لاستخدام التعبير.
هذا المقال على CSS Play، بواسطة Stu Nicholls، يعرض الطرق المختلفة لتحقيق الحد الأدنى للعرض في IE، في جميع الأوضاع (Quirks، إلخ) وحتى في IE/Mac.
لقد عبثت بكل إجابة قدمت هنا في الشهر الماضي.وبعد اللعب بطريقة بريتول (الحد الأدنى للعرض في MSIE 6)، يبدو أنه أفضل بديل للعرض الأدنى.لا يوجد اختراقات أو أي شيء، فقط قم بإعداد كود CSS المتوافق مباشرةً والذي يستغرق تنفيذه 30 ثانية.
من خلال البحث عبر Google، يبدو أن التعبيرات هي الأكثر شيوعًا.بالنسبة لي على أي حال، كنت أرغب في إغلاق المتصفح بشكل عشوائي (IE وFF).
لا أعلم، لقد حققت بعض النجاح مع:
min-width: 193px;
width:auto !important;
_width: 193px; /* IE6 hack */
مزيج من الاختراق السريع لداستن دياز ذو الطول الأدنى كيف أحدد في HTML أو CSS الحد الأدنى المطلق لعرض خلية الجدول
قم بعمل علامة CSS الخاصة بك كـ _Width:500 بكسل أو أيا كان.
هذا يعمل بشكل جيد ...
div.container {
min-width: 760px;
width:expression(document.body.clientWidth < 760? "760px": "auto" );
}
اختراق سريع بأقل ارتفاع يعمل بالنسبة لي (يعمل أيضًا من أجل العرض)
يعد مثال الرقائق جيدًا لإجبار المتصفح على إظهار شريط تمرير أفقي عندما تصل الحاوية إلى حجم معين ولكن ستلاحظ أن المحتوى الموجود في الحاوية سيظل يتغير حجمه عندما تصبح النافذة أصغر.أتصور أن هذا ليس هو الهدف العام عند محاولة تحقيق الحد الأدنى من العرض في IE 6.
علاوة على ذلك، فإن استخدام التعبيرات وغيرها من عمليات اختراق CSS المجنونة ليس ممارسة جيدة.فهي غير آمنة وغير نظيفة.هذا شرط يشرح محاذير اختراقات CSS ولماذا يجب تجنبها تمامًا.
أنا شخصياً أعتبر منشور Scaryjeff أفضل نصيحة لتحقيق الحد الأدنى الحقيقي للعرض في IE6 وباعتباري مطور تخطيط CSS ذو خبرة، لم أجد بعد حلاً أفضل ينطبق على المشكلات من هذا النوع.
هذا شرط على CSS Play، بواسطة Stu Nicholls، يعرض الطرق المختلفة لتحقيق الحد الأدنى من العرض في IE، في جميع الأوضاع (Quirks، إلخ) وحتى في IE/Mac.
لقد قدمت إجابة لسؤال مشابه يوضح بالتفصيل استخدام هذه التقنية لتحقيق الحد الأدنى للعرض بشكل صحيح.يمكن مشاهدتها هنا:
CSS:عمودان مائعان بنسبة 50% لا يحترمان العرض الأدنى
هذه التقنية بسيطة وصالحة لـ CSS ويمكن استخدامها في أي موقف تقريبًا.عند تطبيقه على مثال الرقائق أعلاه، فإنه يؤدي إلى ما أعتبره وظيفة العرض الأدنى الصحيحة.
زر سطر واحد
button{
background-color:#069;
float:left;
min-width:200px;
width:auto !important;
width:200px;
white-space: nowrap}
استخدم التعليقات الشرطية كمرجع وورقة أنماط محددة لـ MSIE 6، ثم قم بإنشاء CSS على النحو التالي.
ستستخدم المتصفحات المتوافقة ما يلي:
min-width: 660px;
ثم سيستخدم MSIE 6:
width: expression((document.body.clientWidth < 659)? "660px" : "auto");
