全站通知:

帮助:手机端显示优化

刷新 历史
编辑WIKI
来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索

手机端显示处理

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

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


仅手机端显示源码

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


仅PC端显示源码

<div class="visible-md visible-sm visible-lg">
本段文字替换为仅在PC端展示的内容
</div>


响应式设计

  • 不同端显示实际是使用Bootstrap框架的栅格系统响应式设计实现的,且可以实现对更多不同屏幕宽度进行处理的效果。
  • 详细内容可查看Bootstrap中文文档[1]


外链与注释