图片分为背景图片和通过<img>标签引入的图片，前者可以通过media query自动的切换不同分辨率的版本，但是在不支持background image size的浏览器中背景图片无法无级的调整大小（也就是在media query切换css的点上可以换一张不同分辨率的图，但是没法儿获得两张分辨率中间大小的版本），而且在很多情况下（比如cms中） …
media css
div+css布局实现两端对齐是我们网页排版中经常会使用到的，这篇文章将总结一下可以实现的方法：html结构实现demo里面的div通过Css进行两端对齐。<div class="box"><div class="demo"><div>1<div><div>2< …
HTML5 概述HTML5 是 HTML 语言最受欢迎的版本之一，它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了article, section, header这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿，并且它并不是一个真正意义上的语义标记语言。HTML6 展望你有没有曾经希望能在 HTML 中使用自定义标 …
在 2025 年，数据安全和私有云存储成为越来越多技术爱好者和家庭用户关注的焦点。相比公有云，家庭 NAS（网络附加存储）更能保护个人隐私。本篇文章将手把手教你如何在 Win11 或 Linux 环境下，使用 OpenMediaVault 打造自己的轻量 NAS 系统，适合家庭和小型工作室使用。 一、准备工作 适用环境支持系统：Win11Ubuntu 22. …
组件化开发的痛点与救赎 当你的卡片组件在侧边栏显示正常，放到主内容区却布局错乱时——这不是你的错，而是媒体查询的设计缺陷！2022年Chrome团队调研显示：65%的组件样式问题源于容器尺寸变化，而非视口宽度[1]。传统媒体查询将样式绑定到页面级视口，导致组件在不同容器中被迫维护多套代码，平均增加35%的CSS体积[2]。容器查询的革命性在于：让组件根据父容 …
- 1