css如何令页面刚好等於浏览器窗口大小, 不出现滚动条?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css如何令页面刚好等於浏览器窗口大小, 不出现滚动条?相关的知识,希望对你有一定的参考价值。

body
margin:0;

.content
width:100%;


<body>
<div class = 'content'>
</div>
</body>
这只能使之不出现横向滚动条,
纵向的是和楼主所写的html内容有关,如果内容超过了浏览器的高度就会出先纵向滚动条了。
参考技术A 容器的宽度设置为100%
例: width:100%
参考技术B 这个正好等于有时候也会出现,还是绝对居中吧,margin:0 auto 参考技术C 所有的宽度都用%

JS如何设置并限制浏览器窗口的大小

我有一网站,首页是登录页面,我想在打开该页面时 固定窗口的大小(比如1024*768PX,在宽屏下也如此),并限制不能改变.但当登录进入后,里面的页面可大可小,和其他正常页面一样!请问怎么能限制首页的大小!谢谢..高手救我...

JS控制浏览器窗口的大小代码之一:

<script>   
window.moveTo(0, 0);//移动窗口   
window.resizeTo(800, 600);//改变大小   
window.onresize=new Function("window.resizeTo(800,   600);")   
</script>


JS控制浏览器窗口的大小代码之二:

<SCRIPT>
if (window != top) top.location.href = location.href;
self.resizeTo(800,600);
</SCRIPT>


JS控制浏览器窗口的大小代码之三:

<script language="javascript">
  function openWin()
  
     var i=0;
     i = open("","","width=500,height=500");
  
</script>



JS控制浏览器窗口的大小代码之四:

<SCRIPT language=JavaScript>
  var new_width=800; //你要固定的浏览器宽度
  var new_height=600; //你要固定的浏览器高度
  function resizewindow()
  
      window.resizeTo(new_width,new_height);
  
  resizewindow();
  </SCRIPT>

参考技术A window.open(url,'','scrollbars=yes,top=100,left=100,resizable=no,status=no,toolbar=no,menubar=no,location=no,width=1024,height=768')

以上是关于css如何令页面刚好等於浏览器窗口大小, 不出现滚动条?的主要内容,如果未能解决你的问题,请参考以下文章

css,怎么固定图片不随浏览器的大小而改变位置。

用Javascript获取页面元素的位置

flex4 如何给整个页面添加滚动条?

FineReport中如何实现自动滚屏效果

FineReport中如何实现自动滚屏效果

如何强制画布大小以像素为单位的窗口的实际大小,而不考虑浏览器的缩放因子?