![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
布局+
是小王啊i
沉淀
展开
-
px,em,rem三者的区别
em,px,rem三者的区别px解析em解析rem解析 px解析 px是绝对定位,是css中最基本的长度单位 弊端:当用户和Ctrl滚页面的时候(说白了就是ctrl+,ctrl-), 你会发现页面结构产生了不可预知的错乱 em解析 em是相对定位,em相对的基准点就是浏览器的字体大小,浏览器默认字体大小是16px,也就是1em默认等于16px, 如果你想给某个文字设定为14px,就这样写 font-size:0.875em; 公式是14/16=0.875em,如果想要15px, 那么就是15/16=0.原创 2020-10-04 18:26:19 · 211 阅读 · 0 评论 -
flex布局总结(干货)
flex讲解简介:display:flex 多栏多列布局基本概念:容器属性 简介: 2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{display: flex;} 行内元素也可以使用Flex布局。 .box{display: inline原创 2020-10-04 18:25:56 · 681 阅读 · 0 评论 -
移动端viewport讲解
viewport viewport描述: 也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是除去了所有工具栏、状态栏、滚动条等等之后用于 看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;这是真正有效的 区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport viewport属性 对于viewport我们可以操作的属性: width - viewport 的宽度 (范围从200 到10,000,默认为98原创 2020-10-04 18:25:28 · 213 阅读 · 0 评论 -
css3-@media查询讲解
定义和使用 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置响应式设计的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 css语法 语法一: 外联CSS语法: <link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css"&原创 2020-10-04 18:25:11 · 246 阅读 · 0 评论