zhuxufeifei的博客

方式一：box-sizing:border-box html代码部分<div class="content clear-fix"> <div></div> <div></div> <div></div> <d

<div class="ad"> <img src="images/banner-01.jpg"> <img src="images/banner-02.jpg"> <img src="images/banner-03.jpg"> <img src="images

HTML代码部分<div id="Dalog"><div></div></div>方案一：使用定位 #Dalog{ width: 800px; height: 600px; border: 1px solid #ccc;

display 不占空间 产生回流重回影响新能 无法点击 记忆：直接杀掉，连块墓地都不给人家，殃及子孙后代，围观群众哗然 visibility 占据空间 无法点击没有重回回流问题 性能好 记忆：杀掉本尊一个，不殃及子孙，围观群众淡然height 不占空间 不能点击 scale 缩放至0 opacity 占空间 可以点击 透明 removeChild 摘除do...

在head中加入：<meta name="viewport" content="width=device-width, initial-scale=1.0">

响应式布局：（media queries）媒体查询 相当于一套html配多套css样式@media screen and (min-width: 1080px) {…}@media screen and (max-width: 1080px) and (min-width: 750px) {…}@media screen and (max-width: 750px) {…}...

样式部分h5动画 向左移出100% ，用时0.8s@keyframes slideOutLeft { from{ transform: translateX(0); } to{ transform: translateX(-100%); }}.slideOutLeft { animation: slideOutLef...

单行：overflow: hidden;text-overflow: ellipsis;white-space: nowrap;2行：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;