CSS笔记-width之max-width和min-width

规则：max-width 会覆盖width设置, 但 min-width设置会覆盖 max-width.
max-width和width只能有一个，min-width和max-width只能有一个

    .wrapper {position: absolute;left: 50%;;transform: translate(-50%,0);height: 100%;width: 100%;                     /*要和width:100%一起写*/max-width: 1920px;               /*max-width*/overflow: hidden;}.bg {width: 100%;height: 100%;                    /*要和width:100%一起写*/min-width: 1200px;               /*防止被max-width覆盖*/will-change: contents;}

CSS笔记-width之max-width和min-width相关推荐

Html 和 CSS笔记
html 和 css 原文链接:https://blog.csdn.net/Lin16819/article/details/102759862 不断学习,后期的新增笔记会继续加到文章上方点击链接后 ...
HTML与CSS笔记
HTML与CSS笔记一.HTML: IDE快捷键: tab:补全标签 ctrl+/:快速注释常用标签: <h1.h2--h6:六级标题 <p:段落 <strong:粗体 < ...
html+css笔记
文档结构 1.html文档结构 ①文档类型声明严格型(标准模式): <!DOCTYpE HTML> HTML5 XHTML 1.0:<!DOCTYpE html pUbL ...
html5 居于页面中心,css笔记：如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
HTML+CSS笔记5
HTML+CSS笔记5 strong和b.em和i 优势:可以不用多个class进行区分,简化选择器操作引用标签 iframe标签 br与wbr map与area embed与object audi ...
慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
CSS 笔记（十二）：预处理器 —— Less
CSS 笔记(十二):预处理器 -- Less 什么是 CSS 预处理器 CSS 预处理器就是使用某一种语言为 CSS 增加一些动态语言的特性,使用 CSS 预处理器可以使 CSS 具有简洁,适应性强 ...
【CSS笔记】CSS文本颜色、字母大小写、文本对齐、文本装饰线、文本字体
目录一.CSS笔记 1.1.CSS文本颜色 1.2.CSS字母大小写 1.3.CSS文本对齐 1.4.CSS文本缩进.间距.行高 (1)如何计算行高??? 1.5.CSS文本装饰线 1.6.CSS字 ...
HTML+CSS笔记4
HTML+CSS笔记4 position定位特性取值 static(默认) relative(相对定位) absolute(绝对定位) fixed(固定定位 ) sticky(粘性定位) CSS添 ...

CSS笔记-width之max-width和min-width

CSS笔记-width之max-width和min-width相关推荐

最新文章

热门文章