-2

我想开发一个稳定的网页，可以很好地适应包括移动设备在内的所有屏幕尺寸。我的想法是创建一个脚本来检查 div 中文本的长度。如果它包含：

  • 少于或等于 20 个字，使 div 变小
  • 在 21 到 500 字之间使 div 正常
  • 超过 500 字最大化 div 大。

我也想使用切换来隐藏内容，但目前还可以。我正在使用同位素垂直堆叠 div。并且正在从 mysql 数据库查询中加载文本。我希望内容较少的文章（可能是链接或 youtube 视频）显示在较小的框中，而普通和大文章显示得足够大，以避免在达到可理解的最大尺寸之前看到滚动条。我必须找到一种方法来处理它，而不会使网站的形状失衡。

有人可以告诉我我必须做什么吗？

4

1 回答 1

1

制作您的 div height:auto，以便添加到 div 的文本越多，它们变得越大。

或者如果你想使用 jQuery

$('div').each(function(){
    if($(this).text().length < 80){
        //small
        $(this).height(50);
    }else if($(this).text().length < 2000){
        //mid
        $(this).height(150);
    }else{
        //large
        $(this).height(350);
    }
});

我使用字符而不是单词作为限制，因为单词的长度可能不可靠。如果你想改用单词，你将不得不分割空格或使用正则表达式，但你会发现最终结果不会那么令人愉悦

于 2013-09-03T08:58:10.183 回答