相关疑难解决方法(0)

整页背景图像与垂直滚动

我正在尝试创建一个页面,其背景图像响应浏览器的屏幕大小.但是,我需要该图像下的内容,以便如果该人向下滚动,则背景图像结束.

这很难解释,所以我试图创建一个图像,使其更清晰:

http://i.imgur.com/Z1mSMVi.png

html css html5 css3 twitter-bootstrap

10
推荐指数
1
解决办法
2万
查看次数

jQuery以固定大小为中心打开新窗口

可能重复:
在屏幕上居中显示一个弹出窗口?

我有4个不同的链接,所有这些都需要打开一个新的窗口,它将针对4个不同的html文件.

单击链接时,需要在新窗口中打开相关的html文件,两者都是:

  • 中心
  • 固定尺寸900 x 600

我在下面找到了这个,但它似乎并不适合窗口的居中

http://jquerybyexample.blogspot.com/2012/05/open-link-in-new-tab-or-new-popup.html

干杯

html jquery popup new-window

9
推荐指数
1
解决办法
4万
查看次数

Mobile Safari $(窗口).height()URL栏差异

我试图设置一个固定的div,它是窗口高度的100%.但是移动safari没有检测到正确的窗口高度.它总是认为URL栏是等式的一部分.

这是我目前使用的,但它不考虑URL栏.

$(function(){
    $(document).ready(function(){ // On load
        alert($.browser);   
        $('#right-sidebar').css({'height':(($(window).height()))+'px'});
    });
    $(window).resize(function(){ // On resize
        $('#right-sidebar').css({'height':(($(window).height()))+'px'});
    });
});
Run Code Online (Sandbox Code Playgroud)

safari mobile jquery height

9
推荐指数
3
解决办法
2万
查看次数

如何在使用slimerjs在casperjs中运行测试脚本时最大化浏览器窗口

使用slimerjs引擎在casperjs中运行测试脚本时,我无法查看完整的窗口.任何人都可以帮我增加mozila浏览器窗口大小

javascript casperjs slimerjs

9
推荐指数
2
解决办法
7171
查看次数

在网页上获取Surface Pro 3的高度

我的笔记本电脑有1920x1080分辨率的显示器和分辨率为1920x1280的Surface Pro 3.我正在开发一个设计用于在1920x1080和1920x1280显示器上全屏观看的网页.

我已确认每个显示器的设置(见下文).

为什么我得到8xx而不是1280?如何获得1280的值以匹配Surface Pro 3的分辨率高度?


1920x1080显示器(在Windows 8上):

监视屏幕分辨率

1920x1280(Surface Pro 3)显示(在Windows 10上):

Surface Pro 3显示


$(window).height()我的1920×1080的显示器,我得到如下:

1080

这对我行得通.


但是,对我的1920x1280(Surface Pro 3)显示器使用此问题的建议......

使用$(window).height():

窗口

使用$(document).height():

文献

使用screen.height:

screen.height

innerHeight/clientHeight

document.clientHeight

availHeight

innerHeight

使用winsize

  • 这个建议是一个插件的自我推荐.我现在要传递这个.

  • 该建议使用咖啡解决方案.我现在会坚持使用JavaScript和jQuery.

  • 使用这个答案的建议(其他一些回答):

testSizes

scrollHeight属性


javascript jquery screen-resolution surface-pro

9
推荐指数
1
解决办法
374
查看次数

JavaScript screen.height 和 screen.width 返回不正确的值

我想从 JS 获取用户显示器的屏幕分辨率,所以我决定使用 screen.height 和 screen.width 属性,但我注意到我得到了一些不正确的值,我有全高清显示器,高度为 1280 像素,但屏幕。高度返回 630,宽度返回 1120。是什么原因导致的?谢谢!

编辑:对我来说,这似乎发生在 FireFox 上,从 IE 10 开始我得到了正确的值。

javascript height screen width

7
推荐指数
1
解决办法
3927
查看次数

IOS8 - 键盘打开或关闭时计算可见屏幕高度

我需要计算ios8上的可见屏幕高度.表示键盘打开时,计算屏幕高度减去键盘高度.减去状态栏等

救命?

javascript ios8.1

7
推荐指数
1
解决办法
2082
查看次数

PHP定义var = one或其他(又名:$ var =($ a || $ b);)

有没有办法将php变量定义为一个或另一个就像你var x = (y||z)在javascript中一样?

获取屏幕大小,当前网页和浏览器窗口.

var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
Run Code Online (Sandbox Code Playgroud)

我正在发送一个post变量,我想存储它以供以后在会话中使用.我想要完成的是设置$x$_POST['x'](如果存在的话)的值,然后检查并使用$_SESSION['x']它是否存在,$x如果它们都没有设置则保留undefined;

$x = ($_POST['x'] || $_SESSION['x');
Run Code Online (Sandbox Code Playgroud)

根据http://php.net/manual/en/language.operators.logical.php

$ a = 0 || "阿瓦克"; 打印"A:$ a \n";

将打印:

答:1

在PHP中 - 而不是像Perl或JavaScript这样的语言打印"A:avacado".

这意味着你不能使用'||' 运算符设置默认值:

$ a = $ fruit || '苹果';

相反,你必须使用'?:'运算符:

$ a =($ fruit?$ fruit:'apple');

所以我必须使用额外的,如果封装?:操作如下:

if($_POST['x'] || $_SESSION['x']){ 
  $x = ($_POST['x']?$_POST['x']:$_SESSION['x']);
}
Run Code Online (Sandbox Code Playgroud)

或同等的工作:

if($_POST['x']){
  $x=$_POST['x']; …
Run Code Online (Sandbox Code Playgroud)

php variables operators

6
推荐指数
1
解决办法
668
查看次数

如何在大屏幕上隐藏图标菜单?

我是新手,让我知道如何隐藏菜单图标,它会自动添加而不会被提示,我只想在小屏幕上显示.对不起英语不好.

谢谢.

material-design-lite

6
推荐指数
2
解决办法
3799
查看次数

不正确的window.innerWidth和window.innerHeight

我遇到了一个难以描述的奇怪错误...

当我从localhost服务器提供服务时,HTML5 Canvas应用程序开始表现异常时,我正在使用HTML5 Canvas应用程序。我发现了这一点window.innerWidthwindow.innerHeight并突然在Firefox和Chrome中都错误地报告了该错误。在这台计算机上,innerWidth应该为1366,但在Firefox中报告为1525,在Chrome中报告为2048。

我以为这可能是我的javascript中的一个奇怪故障,但是我发现这现在正在影响从localhost某些旧应用程序中查看的所有页面并弄乱了CSS。

奇怪的是,从观看时,一切都按预期工作127.0.0.1。我们还发现,当我的老板从公共Dropbox文件夹提供服务并在Firefox的计算机上查看该应用程序时,他也会查看相同的问题(Chrome可以正常运行)。但是,在该计算机上本地提供服务不会显示任何问题。

这个让我完全难住了。我希望有人对可能的原因或解决问题的方法有所了解,因为我们不能允许使用此应用程序的客户发生这种情况。

编辑:更多数字

window.innerWidth: 2048
window.outerWidth: 1366
screen.width: 1366
window.screen.availWidth: 1366
Run Code Online (Sandbox Code Playgroud)

innerWidth是唯一一个错误的控件,它与页面内容无关,因为即使打开空白文件,这些值也保持不变。

javascript firefox dom google-chrome canvas

5
推荐指数
1
解决办法
2815
查看次数