php检测浏览器宽度
我有一个css媒体查询,可以调整和重新定位一个div。在我的html中,div有2行,但在较小的屏幕上,我希望它显示为1行 有没有办法确保我有:php检测浏览器宽度,php,html,css,screen-size,Php,Html,Css,Screen Size,我有一个css媒体查询,可以调整和重新定位一个div。在我的html中,div有2行,但在较小的屏幕上,我希望它显示为1行 有没有办法确保我有: Website Visitors: <?php echo $data; ?> <div class="fb-like"></div> 网站访问者: 而不是: Website Visitors: <?php echo $data; ?> <br/> <div class="fb-lik
Website Visitors: <?php echo $data; ?>
<div class="fb-like"></div>
网站访问者:
而不是:
Website Visitors: <?php echo $data; ?>
<br/>
<div class="fb-like"></div>
网站访问者:
当屏幕小于固定数量时(在本例中为460px)
我想使用php或css,因为它们是我在css.php文件中使用的样式。使用完整的php不可能,您可能也需要使用Javascript!! 您可以尝试以下代码获取屏幕宽度和高度
<?php
session_start();
if(isset($_SESSION['screen_width']) AND isset($_SESSION['screen_height'])){
echo 'Screen resolution: ' . $_SESSION['screen_width'] . 'x' . $_SESSION['screen_height'];
} else if(isset($_REQUEST['width']) AND isset($_REQUEST['height'])) {
$_SESSION['screen_width'] = $_REQUEST['width'];
$_SESSION['screen_height'] = $_REQUEST['height'];
header('Location: ' . $_SERVER['PHP_SELF']);
} else {
echo '<script type="text/javascript">window.location = "' . $_SERVER['PHP_SELF'] . '?width="+screen.width+"&height="+screen.height;</script>';
}
?>
删除
将其添加到css中(值可以是您想要的任何值):
在您的媒体查询中:
.fb-like {
margin-top: 0px;
}
您已经回答了问题,请使用媒体查询。删除
br
并使用margin。请不要使用php来设置元素的样式。我想结合css使用一些东西(我从来没有说过它必须是php)。css页边距在理论上听起来不错,但对于我正在构建的网站来说,它们并不太合适。(主要是因为我对4个网站使用了相同的css文件)我使用php来设置元素的样式,就像我使用php自动化html的部分一样。我使用了很多基于我已有变量的foreach语句。另外,通过在css开始时设置颜色作为变量,我可以通过更改一行php来更改十个元素的颜色。我不明白为什么我不应该使用php来设计样式。对于css中的变量,没有必要使用php。查看SASS/SCSS或更低版本。您可以节省不必要的流量。
.fb-like {
margin-top: 0px;
}