暂无文章发布记录
html padding内边距适配
别让内边距“撑爆”页面：HTML Padding 适配的坑与解法 很多前端同学在重构移动端页面时，都会遇到一个头疼的细节：电脑上看排版舒舒服服，手机上一切却变了样。按钮被挤出了屏幕，卡片内容溢出边框，甚至页脚莫名其妙多出一条滚动条。往往问题不出在复杂的逻辑里，就藏在最基础的 padding 内边距 上。 新手最容易忽视的陷阱，是对盒模型的计算差异。默认情况下，浏览器采用的标准盒模型（content...
阅读原文
html border边框样式优化
告别模糊与割裂：前端开发中的边框样式优化指南 提到边框，很多人觉得只是加个 border 属性那么简单。但如果你在大屏或者高 DPI 设备上仔细端详过自己的页面，可能会发现那些本该利落的线条变得模糊不清，甚至在不同浏览器里表现不一。这种“视觉噪点”往往被忽略，直到用户反馈界面显得廉价或不够精致。对于追求体验的产品而言，连一根线的清晰度都经不起推敲，何谈整体的质感？ 在高倍屏下处理 1px 细线是个...
阅读原文
html display显示方式切换
排版乱了套？CSS 中 display 属性的切换逻辑与实战技巧 写前端样式时，是不是遇到过这种尴尬：明明想调整导航栏布局，把 <div> 改成 <span> 后，宽度设置瞬间失效；或者想隐藏一个弹窗，结果页面底部内容突然大幅上移。这多半是还没摸透 display 属性的脾气。它不只是简单地控制显隐，更从根本上决定了元素在文档流里怎么“站位”，以及能否响应尺寸设定。 最常见的状态其实是 块级（bl...
阅读原文
html visibility隐藏与显示
页面元素“隐形”了，为什么布局还在跳动？ 很多时候调试页面会遇到这种情况：想把一个弹窗或者悬浮按钮藏起来，随手敲了个属性，结果发现页面结构变了。要么内容突然往上一挤，要么空出一大块白地等着填充。这时候你就得在display:none和visibility:hidden之间做个选择了。别觉得这俩差不多，它们在浏览器内核里的处理方式完全不同，选错了不仅影响体验，还可能埋下性能隐患。 最简单直观的区别在...
阅读原文
html overflow溢出内容处理
布局总乱跑？搞定 CSS overflow 属性，让页面元素乖乖听话 做前端开发最头疼的瞬间，往往不是写复杂的算法，而是设计稿还原时遇到那种尴尬场面：明明给容器设了固定高度，里面的文字或图片却像不受控制的洪水一样“漫”了出来，盖住了下面的按钮，甚至撑开了整个页面结构。这时候，通常就是 overflow 属性没用好。 这个属性专门用来控制当内容超出父容器尺寸时的表现，默认值是 visible。说实话...
阅读原文
喵喵游记——初访上海
国庆前夕，趁着春季还没结束，去浙江沪皖玩一圈。首发地肯定就是上海了，因为机票便宜一些哈哈哈哈。计划中要去豫园，徐家汇天主教堂，四行仓库，一大会址等等，但是因为上海交通有些过于麻烦，时间上也来不及...
阅读原文
说说：#2026-04-12 23:33
woc，前两天发的那个说说怎么被误删了春天来了，想要江浙沪皖转一圈嘿嘿，计划了半个多月终于计划好了，打算在月底就去嘿嘿，看那里感觉住宿好贵啊，消费好高呜呜呜晒一晒新买的键盘键帽，真好看！
阅读原文
友情链接
Friends & Partners
