脚本宝典收集整理的这篇文章主要介绍了具有屏幕宽度条件的PHP,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
但是我遇到了问题,因为我发现你不能使用PHP来检测屏幕宽度,这是我需要的,因为我使用PHP来调整帖子号码.我希望有类似的东西:
@H_301_13@<?PHP /* Start the Loop */ ?> <?PHP if media-screen < 480px { query_posts('posts_PEr_page=5'); } ?> <?PHP while (have_posts()) : the_post(); ?>
有什么建议?你能以某种方式将css / javascript布尔值传递给PHP脚本吗?
想象一下以下htML包含您的移动帖子
@H_301_13@<div class="is-mobile"> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> </div> <div class="is-default> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> <div class="im-a-post">some content</div> </div>
通过简单的媒体查询切换包装元素的可见性:
@H_301_13@.is-mobile { display: none; } @media (max-width: 480px) { .is-default { display: none; } .is-mobile { display: block; } }
更复杂(并且更好)的方法是通过javascript / PHP或者甚至CSS3:nth-child()选择器来注释要隐藏的元素(通过添加类).想象一下以下的javascript循环
@H_301_13@// assuming jquery $(".posts").each(function(idx,ele) { if (idx >= 5) { $(ele).addClass("hidden-mobile"); } });
用这个CSS
@H_301_13@@media (max-width: 480px) { .hidden-mobile { display: none; } }
这些将隐藏视口匹配的设备上除前五个帖子之外的所有帖子.但是你必须考虑适当的分页.
以上是脚本宝典为你收集整理的具有屏幕宽度条件的PHP全部内容,希望文章能够帮你解决具有屏幕宽度条件的PHP所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。