如何将PHP和CSS的条件与JavaScript结合起来 - How to Combine the Condition of PHP and CSS with JavaScript

How to Combine the Condition of PHP and CSS with JavaScript

我为手机版制作了一个页面。我根据标题和屏幕大小设置了一个条件。下面是条件:

If the Title > 17 characters and screen size < 392px
then do:
.postContent img {
  bottom: 65px;
}
else and screen size > 391px
.postContent img {
  bottom: 50px;
}

这里是图像预览:http://i.imgur.com/59IG7UG.png(抱歉，我需要至少10个信誉来发布图片)

第一篇文章应该将图片定位为第二篇文章的图像。

如何结合PHP和JavaScript来改变CSS:

<?php if (strlen(trim($post->getTitle())) > 17): ?>
<script type="text/javascript">
    //do something
</script>
<?php else: ?>
<script type="text/javascript">
    //do something
</script>   
<?php endif; ?>

我读过这个:PHP条件取决于窗口宽度(媒体查询?)但是不知道怎么实现

也许尝试添加类到您的。postcontent ?通过PHP打印到div

<div class="postContent <?php  
     if (strlen(trim($post->getTitle())) > 17) print 'bot65';
     else print 'bot50'; ?>
"> 
    // content
</div>