全站通知：

帮助:手机端显示优化

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索
丨手机端显示处理

当PC端页面的表格或图鉴排版在手机端展示不佳时，可以单独制作手机端的内容。

这时可以复制使用以下源码，让相应的内容仅在手机/PC端下显示。

仅手机端显示源码

<div class="visible-xs">
本段文字替换为仅在手机端展示的内容
</div>


仅PC端显示源码

<div class="visible-md visible-sm visible-lg">
本段文字替换为仅在PC端展示的内容
</div>
丨响应式设计
  • 不同端显示实际是使用Bootstrap框架的栅格系统响应式设计实现的，且可以实现对更多不同屏幕宽度进行处理的效果。
  • 详细内容可查看Bootstrap中文文档[1]
  1. ↑ Bootstrap中文文档：https://v3.bootcss.com/css/
取自“https://wiki.biligame.com/wiki/index.php?title=帮助:手机端显示优化&oldid=13077”