全站通知:

我的内容过宽在手机上又想完整显示该如何处理

阅读

    

2021-07-23更新

    

最新编辑:顾小满real

阅读:

  

更新日期:2021-07-23

  

最新编辑:顾小满real

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索
页面贡献者 :
顾小满real

前言

一般在PC端页面里的内容在手机端显示都会超出手机的宽度,目前可以用如下2种方式来处理。

隐藏掉部分内容&为手机端编写不一样的内容&直接隐藏掉

<div class="visible-md visible-sm visible-lg">
这里的内容会在PC端显示
</div>
<div class="visible-xs">
这里的内容会在手机端显示
</div>

使用样式使内容可以在手机端左右滑动

需要给内容指定一个宽度才行

<div style="overflow-x: scroll;>
这里面的内容可以在手机端左右滑动
</div>