2022年9月23日
响应式布局— rem介绍、媒体查询介绍、rem和媒体查询结合的布局、flexible.js 的使用
摘要： 媒体查询 媒体查询 Media Queries，是一种可以根据不同的设备为其实现不同的样式的技术。在CSS3 引入了媒体查询，使用媒体查询，你可以针对不同的媒体类型定义不同的样式，还可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，媒体查询是非常有用的。 可能有一组用于屏幕 阅读全文
posted @ 2022-09-23 20:55 Lamb~ 阅读(578) 评论(0) 推荐(0) 编辑
移动端布局准备：物理像素和CSS像素、布局视口、视觉视口、理想视口、二倍图、多倍图 的详细介绍
摘要： 物理像素和CSS像素 像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多，同一范围内能看到的内容就越多。或者说，当设备尺寸相同时，像素越密集，画面就越精细。那么，当我们在 CSS 中为一个元素设置属性 width: 250px; 时，会发生什么？这个元素的宽度究竟是多少像素呢？ 事实上，这里 阅读全文
posted @ 2022-09-23 17:19 Lamb~ 阅读(617) 评论(0) 推荐(0) 编辑
px、rpx、rem、em、vw和vh
摘要： px px就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 rpx rpx是小程序的单位，微信小程序官方规定屏幕的宽有750rpx。屏幕宽度 分辨率/750 得到的结果就是1rpx的值。 rem rem是CSS3新增的一个相对单位，rem是相对于 阅读全文
posted @ 2022-09-23 14:13 Lamb~ 阅读(825) 评论(0) 推荐(0) 编辑
控制元素的显示与隐藏
摘要： CSS中提供了一些可以使元素显示与隐藏的属性，分别是display、visibility和opacity。 1.display display属性用于设置一个元素如何显示。 display：none; 将 display 设置为 none 会将元素从渲染树中移除。这会导致该元素及其所有子代元素不再被 阅读全文
posted @ 2022-09-23 11:14 Lamb~ 阅读(356) 评论(0) 推荐(0) 编辑