小编den*_*rey的帖子

我有多篇文章，但都需要放在同一空间中。字符数限制为140个。我要执行的操作是根据段落中的字符调整字体大小。因此，如果段落中的字符较少，我希望字体大小变大，反之亦然。

我下面的代码似乎不起作用，并且想知道是否有人可以帮助我？

此刻正在发生的事情，似乎正在采取其他措施，因为所有段落的字体大小均为8em :(

非常感谢您的任何帮助并提前致谢！

这是代码：

    $(function(){
    var $quote = $(".question p");
    var $numWords = $quote.text().split("").length;     
    if (($numWords >= 1) && ($numWords < 20)) {
        $quote.css("font-size", "2.2em");
    }
    else if (($numWords >= 20) && ($numWords < 60)) {
        $quote.css("font-size", "1.8em");
    }
    else if (($numWords >= 60) && ($numWords < 100)) {
        $quote.css("font-size", "1.2em");
    }
    else if (($numWords >= 100) && ($numWords < 140)) {
        $quote.css("font-size", "0.9em");
    }
    else {
        $quote.css("font-size", "0.8em");
    }           
});

有没有一种方法来创建一个切口div与CSS3像在下面的例子？

我想要做的是在 2 之间创建一个切口divs作为图像。实际div正被切割出的是div在底部，它有一个background-color，一个drop shadow，inset shadow和一个border style。

然后我想做的是CSS3在div.

我有一个我正在开发的响应式网站，当宽度低于 800 像素时，菜单会固定在顶部，并带有一个切换下拉菜单。

发生的事情是 div 延伸到 HTML 和 Body 区域之外，并添加了一个横向滚动条。我不知道如何解决这个问题。

任何帮助将不胜感激！

这是我的代码

HTML：

<div class="navMobile">
<div class="menuBox">
<div class="navMobileBtn"><img src="<?php echo get_template_directory_uri(); ?>/img/menuBtn.png" /></div>
<ul class="navMobileBox">
  <li><a class="location" href="#">Location</a></li>
  <li><a class="building" href="#">Building</a></li>
  <li><a class="space" href="#">Space</a></li>
  <li><a class="links" href="#">Links</a></li>
  <li><a class="contact" href="#">Contact</a></li>
</ul>
</div>
</div>

CSS：

.navMobile {display:block;}

.navMobile {
    height:auto;
}

.navMobile .menuBox {
    height:auto;
    min-height:40px;
    width:100%;
    display:inline-block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    z-index:99999;
}

.navMobile .menuBox ul {
    display:block;
    clear:both;
    height:auto;
    width:100%;
    padding:0;
    margin:0;
    border-top:1px solid #eee;
    font-family: "proxima-nova"; …

我目前正在处理的网站没有为我的样式设置为低于480px的Chrome设备,但是在firefox中运行,chrome正在接收800px和1200px的媒体查询,我不能为我的生活弄明白为什么它没有拿起480px媒体查询.

请参阅下面的样式表.

@media screen and (max-width:1200px) { 

.ui-tabs .tab {
    clear:both; 
    height:386px; 
    width:550px; 
    margin:0 auto;
}

.ui-tabs .groundFloor {
    background:url(img/groundFloor_550.jpg) top center;
}

.ui-tabs .firstFloor {
    background:url(img/firstFloor_550.jpg) top center;
}

.ui-tabs .secondFloor {
    background:url(img/secondFloor_550.jpg) top center;
}

}


@media screen and (max-width:800px) {

#slide1 h1.logo {
    width:350px;
}

.mainnav {display:none;}
.navMobile {display:block;}

.navMobile {
    height:auto;
}

.navMobile .menuBox {
    height:auto;
    min-height:40px;
    width:100%;
    display:inline-block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    z-index:99999;
}

.navMobile .menuBox ul {
    display:block;
    clear:both;
    height:auto;
    width:100%;
    padding:0;
    margin:0; …