求教这个css样式怎么适配移动端

各位大大好,小白又来请教请教大家问题了。

我自己基于hexo搭建了一个静态博客 (vim教程网),用的是一个叫miho的主题,但是我自己在文章的最后加了一个相关文章推荐的模块,样式是参考的CSDN的博客下方的内容。(请不要喷我啥都不会,我是个学python的,完全不会前端技术 :( )。

这个模块的内容在PC上是能正常显式的,但是在手机端却显式不出来内容,我也知道这是移动端适配的问题,自己搜了好久资料,搞了两个星期都没弄好,只好来求教各位大大了,希望能给些帮助或者关键词供我搜索,感激不尽。

这是PC上的显式效果

pc端显式情况

这是手机上的显式效果
图片描述

阅读 2.5k
1 个回答

去掉注视的两行

.similar_list li a {
    vertical-align: middle;
    /* display: inline-block; */
    max-width: 95%;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    color: #333;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题