小编Mav*_*ick的帖子

我一直在阅读堆栈溢出的解决方案,但找不到它.

(http://i.imgur.com/hrcDg.png上的完整尺寸图片)

当我加载页面时,它看起来像那样

这是网站(测试版)

http://e-gimnazija.hostoi.com/test/site/index.html

如果按下全部它展开,也许我可以解决它,如果它在开始时自动展开

我试图将更“高级”的 mixin 从 SASS 转换为 LESS，但没有成功。

这是混合：

.breakpoint(@point) {
  @if @point == really big{
    @media (max-width: 80em) { @content; } 
  }
  @if @point == mid {
    @media (max-width: 60em) { @content; }
  }
  @if @point == small {
    @media (max-width: 42em) { @content; } 
  }
} 

还有一个，我没碰这个：

@mixin keyframes( $animationName )
{
    @-webkit-keyframes $animationName {
        @content;
    }
    @-moz-keyframes $animationName {
        @content;
    }
    @-o-keyframes $animationName {
        @content;
    }
    @keyframes $animationName {
        @content;
    }
}

我不知道是什么原因，但在工具提示中 html 内容不会显示。我编码了 html，在脚本中添加了选项，但仍然是一个字符串。

$(document).ready(function() {
  $('.tooltip').tooltipster({
    contentAsHTML: true,
    interactive: true,
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<link rel="stylesheet" href="http://iamceege.github.io/tooltipster/css/tooltipster.css">
<span title="&amp;lt;img src=&amp;quot;my-image.png&amp;quot; /&amp;gt; &amp;lt;strong&amp;gt; This text is in bold case !&amp;lt;/strong&amp;gt;" class="tooltip">Why is this not working</span>