如何使用jQuery获取没有滚动条的浏览器视口的高度和宽度？
这是我到目前为止所尝试的:
var viewportWidth = $("body").innerWidth();
var viewportHeight = $("body").innerHeight();
此解决方案不考虑浏览器滚动条.
可能重复:
使用PHP获取屏幕分辨率
那么问题就是自我解释
我想要达到的地方
$width = ; //user screen width in here
F1!F1!
Php可以检测IP,主机名,客户端代理等.可以通过php检测客户端浏览器的监控大小/分辨率吗？
我有一个响应式网站,当网站位于其他导航链接旁边的"桌面"视图(屏幕可用宽度> 768)时,它具有简单的下拉登录菜单.当屏幕宽度低于768时,导航链接最终会出现在选择选项中.问题是下拉登录菜单在选择选项中不起作用.
<a href>当屏幕宽度小于768时,我想使用PHP将下拉登录菜单更改为一个简单的链接.
现在我在我的页面中<head>:
<?
$screenWidth = '<script type="text/javascript">document.write(screen.availWidth);</script>';
?>
在<body>:
<?
if($screenWidth <= "768") {
echo '<li><a href="login.php">Log in</a></li>';
} else {
?>
<div id="fancy">
<li id="login">
<a id="login-trigger" href="#">Log in <span>▼</span></a>
<div id="login-content">
<form>
<fieldset id="inputs">
<input id="username" type="email" name="Email" placeholder="Your email address" required>
<input id="password" type="password" name="Password" placeholder="Password" required>
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Log in">
<label><input type="checkbox" checked="checked"> Keep me signed in</label>
</fieldset>
</form>
</div>
</li>
<? …这段代码有什么问题:
$window_width= '<script>screen.availWidth</script>';
$window_height= '<script>screen.availHeight</script>';
任何的想法？