0

正如您在网页www.evolvedtools.org/Genr8PageIntro.php中看到的那样,我从我的 wordpress.org 博客中获取博客,并使用一些简单的 php 标记将它们显示在此页面上: 在页面标题中:

<?php 
require('./blog/wordpress/wp-blog-header.php');
?>

...在页面正文中:

<div id="PHPBlog">
<?php 
global $post;
$args = array( 'posts_per_page' => 8 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) :  setup_postdata($post); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a><br >
<?php endforeach; ?>
<p>Feeds - Personal Blog - Master Thesis</p>
</div>

问题是我只希望博客文章在您处于全屏桌面时显示。我已经针对不同的环境进行了媒体查询。我不想在这些条件下显示数据库内容:

<link href="TextPstyle.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 41em)" id="stylesheet-TextP">

我对 PHP 知之甚少,所以我刚刚开始研究这些东西。如果有人能就此提出建议,我将非常高兴:-)

4

2 回答 2

1

您可以使用$_SERVER['HTTP_USER_AGENT']并搜索桌面操作系统,然后有条件地执行一些代码:

function is_desktop() {
    $agent = $_SERVER['HTTP_USER_AGENT']
    // Code here to check for desktop
}

if (is_desktop()) {
    // Show conditional content
} else {
    // Otherwise
}

您使用 PHP 而不是使用 CSS 的客户端执行此服务器端的原因是,对于非桌面用户,根本不应该加载数据(不加载然后隐藏)。

编辑

当然,重用别人的代码是个好主意。我以前使用过Mobile_Detect,您可以进行以下检查:

include 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if ($detect->isMobile() || $detect->isTablet()) {
    // Handle mobile version
} else {
    // Handle desktop version
}
于 2013-06-28T09:21:00.390 回答
0

这是我在评论中所说的。

@media all and (min-width: 41em) {
.someclass
    {
        display:none;
    }
}
于 2013-06-29T11:27:20.550 回答