移动端测试页面

这是一个专门用于测试移动端适配效果的页面。

标题测试

三级标题

四级标题

段落测试

这是一个包含中文内容的段落，用于测试在移动设备上的显示效果。这段文字足够长，可以测试换行和阅读体验。中文内容在移动端需要特别注意字间距和行间距的设置。

这里是另一个段落，包含了粗体文字和斜体文字的测试，还有链接测试。

列表测试

无序列表

• 这是一个列表项，内容比较长，用于测试在移动端的显示效果
• 另一个列表项
  • 嵌套列表项
  • 另一个嵌套项
• 最后一个列表项

有序列表

1. 第一个有序列表项，内容较长用于测试
2. 第二个有序列表项
   1. 嵌套的有序列表
   2. 另一个嵌套项
3. 最后一个有序列表项

引用测试

这是一个引用块，包含了较长的中文内容，用于测试在移动设备上的显示效果和换行情况。引用的样式需要确保在较小的屏幕上仍然保持良好的可读性。

代码测试

行内代码

这是一个包含 console.log("Hello World") 行内代码的句子。

代码块

function testMobile() {
    const message = "这是一个用于测试移动端显示的代码块";
    console.log(message);
    
    // 长代码行测试
    const veryLongVariableName = "这是一个超长的字符串，用于测试代码块在移动端的横向滚动效果";
    
    return message;
}

表格测试

图片测试

长链接测试

这是一个超长的URL链接测试：https://bubblebrain.me/posts/这是一个超长的中文路径测试页面用于验证移动端适配效果

数学公式测试

这是一个行内公式：$E = mc^2$

结论

这个测试页面包含了常见的Markdown元素，用于验证移动端适配效果。请在不同的移动设备上查看此页面，检查以下方面：

1. ✅ 内容是否正确换行，没有水平滚动条
2. ✅ 字体大小是否合适，易于阅读
3. ✅ 表格和代码块是否可以横向滚动
4. ✅ 图片是否正确缩放
5. ✅ 长链接是否正确处理换行
6. ✅ 目录在移动端的显示效果

如有任何问题，请记录具体的设备和浏览器信息。