body最小宽度设置700就不能缩小了,为什么最小高度我设置了700还可以缩小呢?

body最小宽度设置700就不能缩小了,为什么最小高度我设置了700还可以缩小呢?

body最小宽度设置700就不能缩小了,为什么最小高度我设置了700还可以缩小呢?

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

你好,在f12 调试工具的css 盒子模型中观察是设定的值,最小的高宽都是700 px; 如下图:

http://img1.sycdn.imooc.com/climg//591ac7eb0001477206960418.jpg

是不是想确定这个问题。如解决你的疑惑,欢迎采纳呦。

  • Me小前端 提问者 #1
    非常感谢!
    2017-05-17 17:41:03
提问者 Me小前端 2017-05-17 08:50:00

可是我把窗口高度缩小到700之后 窗口还可以缩小啊!宽度缩小到700之后就不会缩小了,请问怎么让窗口高度缩小到700后就不能缩小了

  • 你好,min-height\min-width属性都是对网页的设置,不是浏览器。控制浏览器,通过js 和 jquery 的控制,如window.resizeTo() ,指定缩放的大小。希望对你有帮助,祝学习愉快。如解决你的疑惑,欢迎采纳呦。
    2017-05-17 17:20:50
提问者 Me小前端 2017-05-16 16:28:38

<style type="text/css">

*{margin: 0;padding: 0;}

body{min-height: 700px; min-height: 700px;}/*就的这里*/

.section{

width:100%;

                height:500px;

                border:2px solid red;

                background-color: chartreuse;                            

}

.banner{

width:200px;

                height:200px;

                margin:0 auto;                                              

                background-color: red;

                position: relative;

                top: -400px;

                z-index: 1;

}

.footer{

width: 100%;

height: 200px;

margin-top: -200px;

background-color: aquamarine;

border:2px solid red;

}

.footer-left{

width: 100px;

height: 100px;

background-color: #FF0000;

float:left;  

margin: 50px 50px;  

}

.footer-right{

width: 100px;

height: 100px;

background-color: #FF0000;

float:right;  

margin: 50px 50px;

}

</style>

</head>

<body>

<div class="section">

</div>

<div class="banner"></div>

<div class="footer">

<div class="footer-left">

</div>

<div class="footer-right">

</div>

</div>

</body>


小于飞飞 2017-05-16 16:06:07

你好,可以把完整的代码传上来,以便检测问题呦,祝学习愉快。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师