|
|
| 第1行： |
第1行： |
| <div class="visible-md visible-sm visible-lg"> | | <div class="desktop-only">PC端内容</div> |
| <div class="main-line-wrap">
| | <div class="mobile-only">移动端内容</div> |
| <div class="resp-tabs">
| |
| <ul class="resp-tabs-list clearfix" style="margin:15px 5px">
| |
| <li class="active czn-list-style"><span class="tab-panel">首页</span></li>
| |
| <li class="czn-list-style"><span class="tab-panel">关于我们</span></li>
| |
| <li class="czn-list-style"><span class="tab-panel">联系方式</span></li>
| |
| </ul>
| |
| <div class="resp-tabs-container">
| |
| <div class="resp-tab-content" style="display:block">
| |
| <h3>欢迎来到首页</h3>
| |
| <p>这里是首页的内容，可以包含任何HTML元素。</p>
| |
| </div> | |
| <div class="resp-tab-content"> | |
| <h3>关于我们</h3>
| |
| <p>这里是关于我们的详细信息。</p>
| |
| <ul>
| |
| <li>公司成立于2020年</li>
| |
| <li>专注于技术服务</li>
| |
| </ul>
| |
| </div>
| |
| <div class="resp-tab-content">
| |
| <h3>联系我们</h3>
| |
| <p>电话：123-456-7890</p>
| |
| <p>邮箱：contact@example.com</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="visible-xs">
| |
| 这里的内容会在手机端显示
| |
| </div> | |