Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使机身最小化,以适应特殊尺寸的显示器_Javascript_Html_Css - Fatal编程技术网

Javascript 使机身最小化,以适应特殊尺寸的显示器

Javascript 使机身最小化,以适应特殊尺寸的显示器,javascript,html,css,Javascript,Html,Css,这是一幅描述15英寸显示器外观的图像 &此图像与我最小化浏览器屏幕的时间有关(ctrl+-) 我的网站在20英寸的显示器上有很好的视图,但是在15英寸的显示器上它看起来不太好,所以我必须用(ctrl+-)最小化我的屏幕,然后它看起来很棒 正文{ 背景图像:url(../../img/darkbg.png); 背景重复:无重复; 位置:固定; 左:0px; 顶部:0px; 宽度:100%; 身高:100%; z指数:9999; } html,body,.container表{ 身高:100%;

这是一幅描述15英寸显示器外观的图像

&此图像与我最小化浏览器屏幕的时间有关(ctrl+-)

我的网站在20英寸的显示器上有很好的视图,但是在15英寸的显示器上它看起来不太好,所以我必须用(ctrl+-)最小化我的屏幕,然后它看起来很棒

正文{
背景图像:url(../../img/darkbg.png);
背景重复:无重复;
位置:固定;
左:0px;
顶部:0px;
宽度:100%;
身高:100%;
z指数:9999;
}
html,body,.container表{
身高:100%;
} 

如果有人能给我任何建议,我将不胜感激。

如果您是指背景图像,请尝试“背景大小”属性

body{
  background-image: url(../../img/darkbg.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
这将使背景图像自动随浏览器宽度调整。
要了解更多信息,请阅读此

背景图像或所有内容?您能提供网站url或快照其在15英寸显示器中的外观吗?@Dejan.S every Things…&我现在添加了两张图片,描述了我想要的东西exactly@user7357089我添加了2张图片,你有什么想法吗?@Solo我的中心图片应该有980x600像素;我想写一些东西,读什么大小是我的屏幕,然后如果它是1366x768,然后我的整个页面被最小化