ie10 flexbox conundrum: enigma cross-browser

محبط بسبب السلوك الغامض لـ Flexbox في IE10؟ ليس أنت فقط. على الرغم من اعتمادها على نطاق واسع في المتصفحات الحديثة ، فإن دعم Flexbox في IE10 يترك الكثير مما هو مرغوب فيه. &&&]

&&&] Flex: auto 1 ؛

display: flex;
flex-direction: row;

من الناحية النظرية ، يجب أن يؤدي هذا التخطيط إلى تقديم نوع إدخال =" إرسال "بعرض ثابت قدره 31px ، بينما نوع الإدخال =" النص "يملأ بسلاسة المساحة المتبقية. ومع ذلك ، في IE10 ، فإن نوع الإدخال = "النص" الافتراضي بعدوان لعرض محير قدره 263 بكسل. وهو يدعم نسخة وسيطة من المواصفات ، والتي تفتقر إلى بعض القدرات. لسوء الحظ ، هذه القدرات المفقودة تمنع التصميم من التصرف كما هو متوقع. لبعض البادئات CSS ، مثل -MS -Flex.

width: 31px;