【全代码备份】墙体砖块、砌块数量和砂浆用量在线计算【AI 生成代码】

：

另一版

v1.00

代码通过以下方式确保生效：

1. 使用更强大的选择器优先级

2. 覆盖所有可能的媒体查询限制

3. 清除 flex 布局可能带来的限制

4. 使用 Shadow DOM 穿透选择器

5. 重置盒模型计算方式

6. 包含所有可能的尺寸限制属性

使用方法：

1. 将代码放在页面原有 CSS 之后

2. 如果使用框架，确保加载顺序正确

3. 强制刷新浏览器缓存（Ctrl+F5）

4. 检查控制台是否有 CSS 报错

如果仍然不生效，建议通过浏览器开发者工具（F12）检查元素，在 "Computed" 标签下查看实际应用的样式，找到仍然生效的宽度限制属性。

v0.03

1. 移除原容器 800px 的宽度限制

2. 改为 100% 自适应父容器宽度

3. 优化输入框的弹性布局

4. 添加响应式媒体查询适配不同屏幕

5. 保持原有样式的基本外观

6. 通过 !important 确保覆盖原有样式

只需要将这段 CSS 插入到文章页面中，即可解除宽度限制并保持正常显示效果。代码不会影响页面其他内容，仅作用于包含 calculator 类的元素。

v0.02

主要改进点：

1. 增加材料类型选择（标准砖 / 砌块）

2. 自动切换显示对应的材料参数输入界面

3. 预设不同标号砂浆的干混砂浆密度：

• M5：1700kg/m³

• M7.5：1750kg/m³

• M10：1800kg/m³

• M15：1850kg/m³

4. 增加配比说明显示

5. 优化计算逻辑，自动适应不同材料类型

使用说明：

1. 选择材料类型（标准砖或砌块）

2. 输入对应的材料尺寸参数

3. 选择砂浆标号后自动显示对应密度

4. 输入墙体参数后点击计算

5. 结果中同时显示材料用量和配比信息

注意：标准砌块尺寸参数默认设置为 390×190×190mm（常见混凝土砌块尺寸），实际使用时可根据工程要求调整参数。

v0.01

主要功能特点：

1. 支持砖块数量的精确计算，考虑灰缝影响

2. 提供三种标准砂浆配比（M5、M7.5、M10）和自定义配比

3. 同时显示传统配比材料用量和干混砂浆用量

4. 实时输入验证和错误提示

5. 响应式布局和友好的用户界面

6. 自动处理单位转换和计算精度

使用方法：

1. 输入墙体尺寸和砖块参数

2. 选择砂浆标号或自定义配比

3. 输入干混砂浆密度（默认 1700kg/m³）

4. 点击 "开始计算" 按钮获取结果

注意事项：

1. 所有尺寸单位均为米

2. 计算结果中的砖块数量已向上取整

3. 标准配比为体积比，计算时考虑材料密度转换（水泥 1440kg/m³，砂 1600kg/m³）

4. 当砂浆体积计算结果为负数时会提示错误

这个计算器可以保存为.html 文件直接运行，无需服务器支持。用户可以根据实际工程需求调整输入参数和材料密度等数值。