Css解决浏览器缩放后,边框与图片之间有空白的问题

关键词 Css

前言

在项目开发的过程中,提高浏览器分辨率后,边框与图片之间会显示一点空白

原因

当缩放到175%时,应该1.75格代表1像素,但由于硬件层次限制,比如一格用四个物理像素点绘制,0.25格就不绘制,故1.75格中的0.75,只能用三格绘制,未绘制的一格产生了空隙

解决步骤

使用outline代替border,因为outline不占据空间,故未绘制的地方不会影响其他元素占据

复制代码
 outline:solid 1px #000;

后言

最近工作很忙,没有时间更新。希望本文会对你有所帮助,如果有什么问题,可在下方留言沟通

相关推荐
寒草5 分钟前
「寒草呈献」工作六年,是否仍有创造未来的勇气 ✨
前端·后端
HackTwoHub6 分钟前
解锁 AI 红队全新玩法!Claude-Red 攻防 Skill 库,内置 SQLi、XXE、文件上传等 Web 专项 Skill,一键导入快速落地渗透实战
前端·人工智能·web安全·网络安全·自动化·系统安全
石小石Orz7 分钟前
如何设计一个优秀的 Skills
前端·人工智能
程序员爱钓鱼1 小时前
Rust 切片 Slice 详解:安全访问连续数据
前端·后端·rust
alexander0683 小时前
CSS 类选择器组合
前端·css
寅时码8 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6138 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby8 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6139 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹9 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js