特定屏幕尺寸时列出项目问题

Question

我一整天都在和它斗争，这可能是一件非常简单的事情，但需要朝着正确的方向努力。

http://i.stack.imgur.com/V2Xl6.png

我该如何解决这个问题？ HTML是一个基本的无序列表，包含列表项和锚点。我将图标设置为背景图像。

这是CSS：

var comments = function($compile){
  return {
    ...
    require: '^ngController',
    link: function(scope, element, attrs, ctrl){
       $scope.number = ctrl.getNumber();
    }
  };
};

Answer 1

在较小的屏幕尺寸下，第三个列表项的文本内容超出并推送以下项目。您可以设置固定高度来处理问题。

@media (max-width: 768px) {
  .cd-bouncy-nav li {
    height: 175px; /* Add */
  }
}

<强>输出：