update
This commit is contained in:
@@ -75,7 +75,7 @@ function PolicyEnforcement() {
|
|||||||
<h3>将千家万户的机顶盒打造成一台超低功耗的 Linux 服务器</h3>
|
<h3>将千家万户的机顶盒打造成一台超低功耗的 Linux 服务器</h3>
|
||||||
<p>1. 实测功耗约为 3 瓦, 3x24x365÷1000x0.7≈18元/年,一杯奶茶钱,养活它一年。<br />
|
<p>1. 实测功耗约为 3 瓦, 3x24x365÷1000x0.7≈18元/年,一杯奶茶钱,养活它一年。<br />
|
||||||
2. 普遍盒子4核心CPU,内核频率高达1.4GHz-1.6GHz,流畅运行各项 NAS 程序。<br />
|
2. 普遍盒子4核心CPU,内核频率高达1.4GHz-1.6GHz,流畅运行各项 NAS 程序。<br />
|
||||||
3. 作为家用存储机,个人 Linux 学习机,学生技术孵化机,网络下载机,组网跳板机,均可。<br />
|
3. 家用存储机,Linux 学习机,学生技术孵化机,网络下载机,组网跳板机,均可。<br />
|
||||||
4. 网页建站,内网穿越,公网映射,科学上网,跑脚本,定时任务等,更佳。<br />
|
4. 网页建站,内网穿越,公网映射,科学上网,跑脚本,定时任务等,更佳。<br />
|
||||||
5. 我是小盒子,也是大世界!千家万户都有一个机顶盒,开启您的探索之旅!</p>
|
5. 我是小盒子,也是大世界!千家万户都有一个机顶盒,开启您的探索之旅!</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
@@ -8,24 +7,28 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 1000px;
|
min-height: 100vh; /* 使用视口高度来确保内容垂直居中 */
|
||||||
|
margin: 0; /* 去除默认的边距 */
|
||||||
}
|
}
|
||||||
.image-row {
|
.image-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap; /* 图片容器换行 */
|
||||||
|
gap: 20px; /* 图片容器之间的间隔 */
|
||||||
}
|
}
|
||||||
.image-container {
|
.image-container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 20px;
|
border: 2px solid #ccc;
|
||||||
border: 2px solid #ccc; /* 添加方框样式 */
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
|
transition: transform 0.3s;
|
||||||
transition: transform 0.3s; /* 添加上浮的过渡效果 */
|
flex: 1; /* 填充剩余空间,使图片容器平均分配宽度 */
|
||||||
|
max-width: 300px; /* 最大宽度 */
|
||||||
}
|
}
|
||||||
.image-container:hover {
|
.image-container:hover {
|
||||||
transform: translateY(-10px); /* 上浮效果 */
|
transform: translateY(-10px);
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 300px;
|
width: 100%;
|
||||||
height: 500px;
|
height: auto; /* 自适应高度,防止图片变形 */
|
||||||
}
|
}
|
||||||
.image-caption {
|
.image-caption {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user