墨笔练字 2021-01-29 09:31 采纳率: 100%
浏览 240
已采纳

诡异!请问利用li制作间隔线,统一设置1px宽度,为什么显示粗细不一样呢?

 <title>Document</title>

    <style>

        li {

            list-style: none;

            float: left;

        }

 

        li {

        margin: 9px 20px;

        width: 1px;

        height: 100px;

        background-color: #c81623;

}

    </style>

</head>

<body>

    <div class="box">

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </div>

   

  • 写回答

6条回答 默认 最新

  • Menkongkong 2021-02-01 16:40
    关注

    这个可能是物理像素问题,在一个10*10像素的屏幕中,一共有一百个像素点,1像素宽的一条线出现的可能有很多种,比如我拿出两个像素,把这条线画在两个像素中间,也就是每一个像素各占了一半,组成了一像素,这时系统会自动向两边渲染,将这两个像素全部渲染出来,系统在这样的条件下多渲染出来的一像素在颜色上会与原像素颜色有一个模糊差别,你可以用canvas试一下,放大这个差别。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)