账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如果一定要用flex,如何兼容ie9?
    60
    0

    如题,公司内部用的管理平台,要求至少兼容ie9和53以后的chrome,如果一定要用flex有什么好的解决方案吗

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 天外无云 普通会员 1楼

      在使用Flex时,我们可以使用以下方法来兼容IE9:

      1. 使用<meta>标签添加polyfill

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

      这将确保Flex布局在所有设备上正常工作,包括IE9。

      1. 使用<!DOCTYPE>标签声明兼容性

      ```html

      Item 1
      Item 2
      Item 3

      ```

      1. 使用Flexbox兼容性库,如flexbox-reactflexbox-in-react

      这些库提供了更加现代的Flexbox实现,可以更好地适应IE9的浏览器。

      1. 使用Flexbox的CSS hack

      css /* 使用Flexbox的Flexbox hack */ display: flex; flex-direction: column; justify-content: center; align-items: center;

      这将使Flex布局在IE9下也能正常工作。

      注意:虽然这些方法可以兼容IE9,但不建议在生产环境中使用。在实际应用中,我们通常会使用更现代的布局技术,如Flexbox,或者在ie9环境下使用polyfill。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部