max-width与min-width区别

个人认为
width:100%
max-width:1160px;
比
width:80%;
min-width:1160px;
要好

width:80% min-width:960px 会在拉伸窗口的时候(窗口的宽度超过1200px)的时候拉伸内容但在窗口的宽度小于960px的时候内容显示不全

width:100% max-width:960px 会在压缩窗口的时候(窗口的宽度小于960px)的时候压缩内容在窗口的宽度大于960px的时候内容的宽度固定

时间： 2024-10-25 22:11:34

max-width与min-width区别的相关文章

CSS width：100%和width：auto的区别

width:100%和width:auto的区别 width:auto比较聪明,如果margin已经左右占去10px的空间,那么width给的值就是580px. <style> div{ width:600px; overflow:auto; background:#ccc; } p{ width:auto; margin:10px; background:red; } </style> </head> <body> <div> <p>

CSS的width:100%和width:auto区别

CSS的width:100%和width:auto区别一. 问题前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和名称换行显示了,但是在IE8和IE9下则显示正常.定位到问题后,最终发现是下面的属性导致的,如下图红色所致,把width的值设置为auto后即可解决问题: .TreeView,.TreeView ul{ padding:0px 0px 0px 19px; list-style:none; marg

Egret之Label属性width与textWidth的区别

一 : 此Label的范围矩形框(蓝框)明显比文本实际占用的矩形(红框)要大二 : 代码如下 module app{ export class AAA extends eui.Component{ private qqq : eui.Label = null; private mmm : eui.Label = null; public constructor(){ super(); this.skinName = "resource/eui_skins/aaa.exml"; } p

css中width:auto和width:100%的区别是什么

width的值一般是这样设置的: 1,width:50px://宽度设为50px 2,width:50%://宽度设为父类宽度的50% 3,还有一个值是auto(默认值),宽度是自动的,随着内容的增加而增加,随着浏览器的宽度而换行 width:auto和width:100%的区别: 一.width:auto 1.块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值. 2.内容的宽度='margin-left' + 'border-left-width' + 'padding-left'

题目1053：互换最大最小数------------------------max,m1=0,min,m2=0;这几个值定义的地方决定是否能ac

#include<iostream> using namespace std; int a[20]; int main() { int n; while(cin>>n) { int i,j,max,m1=0,min,m2=0;//如果将这几个值得定义写在while的上面,就会出错. for(i=0;i<n;i++) cin>>a[i]; max=a[0]; min=a[0]; for(i=0;i<n;i++) { if(max<a[i]) { max=

width:auto; 和 width:100%;的不同

width:auto:会将元素撑开至整个父元素width,但是会减去子节点自己的margin,padding或者border的大小.width:100%:会强制将元素变成和父元素一样的宽,并且添加额外的空间到这个元素的width上.就是因为这个,会导致很多问题. 使用width:100%永远都不是一个好主意.这个属性容易让人产生你正在定义一个元素可视大小,其实,你是在对这个元素的状态做了巨大的改变. 块元素会填满其父元素的整个width,因为块元素默认的是width:auto;的. See th

oracle max()函数和min()函数

当需要了解一列中的最大值时,可以使用MAX()函数:同样,当需要了解一列中的最小值时,可以使用MIN()函数.语法如下. SELECT MAX (column_name) / MIN (column_name) FROM table_name 说明:列column_name中的数据可以是数值.字符串或是日期时间数据类型.MAX()/MIN()函数将返回与被传递的列同一数据类型的单一值. 实例7 MAX()函数的使用查询TEACHER表中教师的最大年龄.实

复习C#的方法Math.Max和Math.Min

温故而知新,今天学习Math.Max和Min的方法.这2个方法,均需要传入2个参数,返回参数中最大值和最小值. class Ac { public void LeanMathFunction() { int min = Math.Min(5,3); Console.WriteLine("5,3最小值Min:{0}",min); int max = Math.Max(25,37); Console.WriteLine("25,37最大值Max:{0}", max);

max(min)-device-width和max(min)-width的区别

max-device-width和max-width的区别 max-device-width和max-width是有区别的,表现在如下几个方面: 1.max-device-width是设备整个显示区域的宽度,例如,真实的设备屏幕宽度. 2.max-width是目标显示区域的宽度,例如,浏览器宽度. 3.如果使用max-device-width,那么在PC浏览器上浏览网页时,缩小或放大浏览器时是不执行CSS的,因为“PC设备”没有变化.但如果使用max-width,缩小或放大浏览器时是执行CSS的

clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

一.定义和用法 1.event.clientX:事件对象的水平偏移量: event.clientY:事件对象的垂直偏移量: 2.event.pageX:事件对象加上滚动距离后的水平偏移量: event.pageY:事件对象加上滚动距离后的垂直偏移量: 3.$(selector).scrollLeft(offset)=$(selector).offset().left:获得或设置对象的滚动水平位置: $(selector).scrollTop(offset)=$(selector).offset(