- 博客(3)
- 收藏
- 关注
RSS订阅原创 布局总结
在PC端常见的布局： 流式布局 浮动布局 层布局 在移动端常见的布局：flex布局 flex布局是css3中的提出的一种布局方案，在开发移动端页面时， 基本上都是flex布局，当然，如果你不考虑浏览器的兼容性问题， 你在PC端也可以使用Flex布局。 原因：很多PC端浏览器对CSS3的支持并不友好。 flex布局中的几个概念： 1）容器：如果给一个盒子添加了一个display:flex;那么这个盒子就是一个容器。 2）项目：容器中的直接子元素就是项目（儿子）...
2021-05-20 13:00:00
61
原创 第二次课总结
px:一个盒子是100px * 100px px指的是逻辑像素，也叫css像素 在适配时，使用px作为单位并不合适。 em:指的是一个汉字的宽度，2em表示两个汉字的宽度 1em = 1个font-size的大小，font-size:20px; 1em = 20px 10em = 200px em不足：它是相对于父元素的font-size来说的。适配使用em也不合适，因为它一直是相对于父元素的font-size来说的 rem:r表示root root是根的意思 指h...
2021-05-13 13:14:41
31
原创 视口总结
布局视口 小屏幕的移动端设备，主要是手机和部分平板，如果让视口的宽度和浏览器宽度 保持一致的话，会导致页面很丑。手机，平板，浏览器的宽度一般在240-640px之间，而多数给pc设计的宽度至少为800，一般是960，或者1080。因此，如果用手机去看刚才的那个页面，宽度20%的aside将会非常窄。一个为桌面设计的网站 在780～ 1260px 的视口中应该会显示的很好。但是，如果移动端浏览器遇到了没有为移动端做优化的网站，它会尽可能的缩小网站让用户看到网站的全貌。所以就显得很挤，字体很小，阅读性很差。在手
2021-05-06 12:35:05
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人