ie6兼容问题

妙莲

于 2021-02-19 14:15:43 发布

阅读量90

点赞数

分类专栏： ie6

本文链接：https://blog.csdn.net/weixin_44166439/article/details/113863056

版权

ie6 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.ie6双边距问题
正常显示
在这里插入图片描述
ie6显示

解决方法加display:inline;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    *{margin: 0;padding: 0}
    li {
      list-style: none;
      width: 200px;
      height: 200px;
      background: red;
      margin: 0 10px;
      float: left;
      display: inline;
    }
  </style>
</head>
<body>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</body>
</html>

2.ie6 高度小于16px 都默认成16px

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    *{margin: 0;padding: 0}
    div {
      /* ie6把小于10px的高度都默认成16px */
      /*
      解决方法：
        1.font-size: 0;
        2.overflow: hidden;
       */
      height: 10px;
      /* font-size: 0; */
      /* overflow: hidden; */
    }
  </style>
</head>
<body>
  <div></div>
</body>
</html>

*ie6,7支持
_ie6支持

妙莲

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie6兼容问题

正常显示ie6显示解决方法加display:inline;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
复制链接

扫一扫