max-width和width的区别

sugarmo 发布于2019-04-23 11:52 / 1856人阅读

摘要：为宽度为最大宽度如果设置了，那宽度就定死了，不能动态的改变，显得僵硬而设置了，实际宽度可以在之间，当元素内部宽度不足时，外层元素的宽度随内层元素宽度改变何时用要看需求，如果是极其简单的布局使用就够了

width为宽度
max-width为最大宽度
如果设置了width，那宽度就定死了，不能动态的改变，显得僵硬
而设置了max-width，实际宽度可以在0~max-width之间，当元素内部宽度不足max-width时，外层元素的宽度随内层元素宽度改变
何时用max-width要看需求，如果是极其简单的布局使用width就够了

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1284.html

CSS-@media详解。

摘要：最小宽度上面代码表示当屏幕大于或等于时，将采用样式来渲染页面。是目标显示区域的宽度，例如，浏览器宽度。如果使用，那么当手机由竖变横时，是执行的，因为显示区域发生了变化。通常，面向移动设备用户使用面向设备用户使用。 CSS3@media查询使用@media查询，你可以针对不同的媒体类型定义不同的样式。@media可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设计响应式的页面，@...

keelii 2019-08-23 15:40 评论0 收藏0
响应式布局开发

摘要：目录移动介绍和两种开发方式响应式开发方式原生的开发方式响应式的原理的媒体查询响应式开发框架的介绍和基本信息优势版本了解框架和库的区别主导者不一样入门起步下载和引包阅读的文档了解常用的全局样式和组件和插件搭建项目目录结构创建主页引包设置网目录移动web介绍和两种开发方式(响应式开发方式原生的开发方式) 响应式的原理(CSS3的媒体查询) 响应式开发框架(Bootstrap) 的介...

instein 2019-08-30 13:53 评论0 收藏0
响应式布局开发

摘要：目录移动介绍和两种开发方式响应式开发方式原生的开发方式响应式的原理的媒体查询响应式开发框架的介绍和基本信息优势版本了解框架和库的区别主导者不一样入门起步下载和引包阅读的文档了解常用的全局样式和组件和插件搭建项目目录结构创建主页引包设置网目录移动web介绍和两种开发方式(响应式开发方式原生的开发方式) 响应式的原理(CSS3的媒体查询) 响应式开发框架(Bootstrap) 的介...

ybak 2019-08-01 18:28 评论0 收藏0
《CSS世界》阅读笔记（二）——块级元素与基本尺寸

摘要：块级元素基本概念块级元素是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。其中内部尺寸由内部元素决定还有一类叫作外部尺寸宽度由外部元素决定。所以子元素的高度设为是无效的。此时的就会有计算值，即使祖先元素的计算为也是如此。块级元素基本概念块级元素：是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。块级元素和display 为 block 的元素不是一个概念。每...

lylwyy2016 2019-08-29 18:31 评论0 收藏0
浅谈pc和移动端的响应式

摘要：浅谈和移动端的响应式身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题下面我们来说一下响应式跟自适应有什么区别有些人可能还不知道响应式跟自适应的区别甚至认为他们是同一个东西其实不是的自适应是最早出现的，后面才有了响应式。浅谈pc和移动端的响应式身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题？下面我们来说一下： 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自...

Soarkey 2019-08-30 15:55 评论0 收藏0