
css3
object-fit是CSS3控制img/video在容器内缩放裁剪的属性,解决图片变形、留白、比例失真等问题;需配合宽高或aspect-ratio使用,cover/contain最常用,兼容性需降级...
-webkit-text-stroke是唯一被主流浏览器支持的文字描边方式,因原生text-stroke未标准化且未被任何引擎实现;Chrome、Edge、Safari支持该前缀属性,Firefox完...
border-radius支持四种参数写法:单值、双值、三值、四值,以及斜杠分隔的水平/垂直半径组合;还可通过四个独立属性精准控制单角。
应升级IE至IE9及以上、启用Edge的IE模式、更换为Chromium版Edge、组策略强制渲染或卸载IE功能。IE9起支持HTML5语义标签,EdgeChromium版完全兼容,Windows10...
h1到h6本质是语义层级而非字体大小开关,h1为页面唯一核心主题,h2、h3等逐级递降构成逻辑结构;跳级或乱序会破坏SEO与无障碍访问,CSS应替代已废弃的align属性。
background-size:cover单独使用无效是因为body默认高度由内容决定,需设置html、body{height:100%;margin:0;}并将背景设在html上;cover等比缩放...
UC浏览器最新版官方入口为https://www.uc.cn/,支持多端协同、高效加载、文件处理及个性化管理四大核心功能。
::after清除浮动更可靠,因其通过插入伪元素并触发BFC来撑开父容器,不污染HTML语义;推荐写法为content:""+display:table+clear:both。
scroll-snap-type和scroll-snap-align是浏览器原生支持的滚动吸附声明式属性,需在overflow非visible的容器上设scroll-snap-type(如ymanda...
transition-duration表示动画持续时间而非速度感,真正影响快慢的是变化量÷时间与缓动曲线;推荐图标hover用0.2s~0.3s、面板展开用0.3s~0.4s;cubic-bezier...