搜索
您的当前位置:首页固定窗体大小_html/css

固定窗体大小_html/css

2023-11-27 来源:恩希娱乐
导读JavaScript 弹窗共有三种1、window.alert("sometext");2、window.confirm("sometext");3、window.prompt("sometext","defaultvalue");但是这3种方法都不能做一个大小固定的小窗口,要做大小固定的弹窗,需要我们自己在HTML文档中编写:HTML:.btn:点击button后弹窗出现.close:点击X后弹窗消失.c

问题: 当我打开一个窗体的时候,用鼠标拖动窗体边框,改变其大小。当缩小窗体大小到一定值时,固定窗体大小,不能再缩小。 请问: 如何用js实现?

回复讨论(解决方案)

window对象的方法 ,在浏览器中兼容不是很好。

1楼的回答,我试了,不行啊。我的浏览器是IE9,不知道是不是浏览器的问题?

resizeTo要对弹出的窗口才前效

这个需求无法达到。 只能要body或div撑开页面,让其出现滚动条,从而使页面中的布局不发生变化。

window.onresize = function(){ $('a').innerHTML = document.documentElement.clientWidth $('b').innerHTML = document.documentElement.clientHeight var minWidth = 900; var minHeight = 500; if( document.documentElement.clientWidth < minWidth && document.documentElement.clientHeight < minHeight ){ document.body.style.width = minWidth + 'px'; document.body.style.height = minHeight + 'px'; }}

小编还为您整理了以下内容,可能对您也有帮助:

html中,怎么做一个弹出式的大小固定的小窗口?

JavaScript 弹窗共有三种

1、window.alert("sometext");

2、window.confirm("sometext");

3、window.prompt("sometext","defaultvalue");

但是这3种方法都不能做一个大小固定的小窗口,要做大小固定的弹窗,需要我们自己在HTML文档中编写:

HTML:

.btn:点击button后弹窗出现

.close:点击X后弹窗消失

.con:是弹窗内容区

.bk:屏蔽页面其他内容,弹窗出现时,弹窗的z-index最大,其他内容不能进行操作

CSS:

JQ:

页面展现效果:

1、点击按钮

2、出现一个自己控制的500*200的弹框,同时浏览区背景为灰色

3、点击红色区域右上角X号,弹窗会消失

怎么制作一个固定大小的html页面

1、如图,我们对div设置固定宽度和高度。

2、图像预览效果如下所示。

3、然后在div里面插入一张图片,如图。

4、插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。

5、然后这个时候,将图片的宽度设置为何父级一样的宽度,代码就是width:100%;这里的100%会自动跟随父级的宽度选择。

6、这时候回到浏览器中,可以看到图片的宽度和父级div的宽度一致了,然后修改的就是高度的范围了。

7、如果也将图片的高度设置为父级的100%,那么图形就会发生形变,所以在这里需要将父级的高度去掉,这样子集的高度就自动化了。

8、很多时候,将图片在框中显示的时候,在底部会出现一个小边框,这时候将图片设置为display:block;转为块状就可以了。

如何限制浏览器窗口的大小,寻求精华知识啊!!!

网页设计的时候经常会遇到窗口不好控制的情况,尤其现在大屏,宽屏很是普遍,过度的拉伸就导致页面的严重变形。实在是不美观呀,CSS写的好就可以避免这些问题,但是有时候只是一个简单小页面,比如自己写个权利声明什么的,就那么几条,整个屏幕显示就太难堪了……用CSS,感觉大才小用,简洁页面还是来个固定大小,随便罗列两条好些,下面就来介绍几种JS控制浏览器窗口大小的方法: 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> …… 这样的JS控制太多了,随便一个介绍JS的就有一大堆,就留这几个了,够用了。当然最好用的还是CSS,这里推荐的只做用急,把CSS学透了,这些都是小菜了。 本篇文章出自『一路聆听,有你有我』: http://www.wlzxy.com/blog/article.asp?id=146 转载请保留此声明! 补充: 放在<HEAD></HEAD>区域里面 追问: 不行啊!你随便写一个全的来看看,谢谢! 回答: 实例:现有两个文件1.html 2.html 1.html代码如下 <html> <head> <script LANGUAGE="javascript"> <!-- function openwin() { window.open ("2.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行 } //--> </script> </head> <body onload="openwin()"> <a href="#" onclick="openwin()">打开一个窗口....任意的页面内容... </a> </body> </html> 2.html <html> <body> akhsdkaghksdfakf </body> </html>

关于C#怎么固定窗口大小属性详解

1、默认属性为:Sizable,表示当前的frm窗口可以最大化、最小化、可随意拖动、可用鼠标拖动边框改变窗口的大小。

2、设置属性为:None,将窗口设置为无边框、无标题栏。无法改变窗口的大小,也无法改变窗口显示的位置。

3、设置属性为:FixedSingle,将窗口设置为固定的单框(窄框),无法用鼠标拖动边框改变窗口的大小,可以最大化、最小化。

4、设置属性为:Fixed3D,将窗口设置为固定框,3D风格,无法用鼠标拖动边框改变窗口的大小,可以最大化、最小化。窗口的工作区具有凹陷3D效果。

5、设置属性为:FixedDialog,将窗口设置为固定框,对话框风格,无法用鼠标拖动边框改变窗口的大小,可以最大化、最小化。

6、设置属性为:FixedToolWindow,将窗口设置为固定框,工具窗口风格,无法用鼠标拖动边框改变窗口的大小。工具窗口风格的特点是:标题栏高度比较小,且只有关闭按钮。

恩希娱乐还为您提供以下相关内容希望对您有帮助:

html中,怎么做一个弹出式的大小固定的小窗口?

1、window.alert("sometext");2、window.confirm("sometext");3、window.prompt("sometext","defaultvalue");但是这3种方法都不能做一个大小固定的小窗口,要做大小固定的弹窗,需要我们自己在HTML文档中编写:HTML:.bt...

怎样能使winform窗体的大小固定住,不能调整其大小

1.通过设置控件的 Anchor 属性的就行了,看情况设置 Left, Up, Right, Bottom (下图的红色方框部分);2.也可以在界面添加布局控件(下图的蓝色方框部分),记得也设置其 Anchor 属性。int lua_pcall (lua_State *L, ...

关于C#怎么固定窗口大小属性详解

1、默认属性为:Sizable,表示当前的frm窗口可以最大化、最小化、可随意拖动、可用鼠标拖动边框改变窗口的大小。2、设置属性为:None,将窗口设置为无边框、无标题栏。无法改变窗口的大小,也无法改变窗口显示的位置。3、设置...

如何限制浏览器窗口的大小,寻求精华知识啊!!!

用CSS,感觉大才小用,简洁页面还是来个固定大小,随便罗列两条好些,下面就来介绍几种JS控制浏览器窗口大小的方法: JS控制浏览器窗口的大小代码之一: 程序代码 &lt;script&gt; window.moveTo(0, 0);//移动窗口 window...

vs中怎样使窗体大小固定,在运行的时候用户不能改变窗体的大小~!_百度...

设定窗体级变量“宽”“高”,在窗体装入的时候用来记录width和height。然后在resize事件里设置width=宽;height=高 就行了:Dim 高 As Single, 宽 As Single Private Sub Form_Load()高 = Height 宽 = Width End Sub...

怎么制作一个固定大小的html页面

1、如图,我们对div设置固定宽度和高度。2、图像预览效果如下所示。3、然后在div里面插入一张图片,如图。4、插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。5、然后这个时候,将图片...

html想设置一个窗口固定浮动在页面某个位置的代码是什么啊?

用 CSS 的 fixed 属性值,示例:.infoWin { position: fixed; right: 10px; bottom: 10px; width: 200px; height: 120px;}上述代码会让 .infoWin 这个元素固定悬浮在页面右下方。

如何让窗口大小固定不变

创建窗体的地方,固定值就行了,或者禁用最大化最小化.比如设置C#窗体大小不能改变:点击窗口,选择【属性】界面。在这里可以对窗口的很多设置进行调整。找到【FormBorderStyle】选项,在选项列表中选择【FixedDialog】,这样就...

html css实现轮播图怎么做屏幕大小的自适应处理

img的宽高随窗口变化而变化,包裹img的div也随之变化 1.打开代码编辑器。1.html代码的编写。3.css代码的编写。4.js的代码编写。5.在移动端手指触摸轮播图切换效果代码的编写:6.也可以使用bootstrap框架直接引入css文件。

如何在网页中制作一个浮动的小窗口?

HTML中的浮动窗口,可以使用CSS的定位方式完成,同时使用这种方式来完成这个功能也是一种较为简单的方式,只需要有HTML以及CSS的知识就可以完成了。举例如下:在以下示例中,将演示页面左右两侧分别放置一个高度为500像素,宽度...

Top