前言 当您加载页面时，所有浏览器都有一个顶级菜单（例如显示地址栏），当您开始滚动页面时该菜单会向上滑动。这次菜单会更小，由于100vh只在视口可见部分计算，因此会导致所有布局重新绘制和重新缩放，对用户体验有不好的跳转效果。 看下图，很...
我们可以使用 CSS3 中的 calc 方法，而无需使用 IE expression。 代码如下： div { width: 100%; width: -webkit-calc(100% - 50px); width...
使用 max-height 代替 height 进行过渡。并将max-height的值设置为大于容器的值。 参考链接：JSFiddle 演示 代码是： #menu #list { max-height: 0; tra...
方法一： 如果你正在寻找一种方法来调用自己，你可以使用CSS动画。 CSS #test p { margin-top: 25px; font-size: 21px; text-align: center;...
CSS2 如果需要放大CSS2中的图像，则需要使用图像编辑器进行编辑以更改图像本身。 如果使用img标签，可以通过宽度和高度调整其大小，但如果需要将图像用作其他内容的背景，则此方法不起作用。 CSS3 background-size是C...
代码如下，希望对有需要的朋友有帮助： #mainDiv { height: 100px; width: 80px; position: relative; border-bottom: 2px solid #f51c40...
表格布局可用于居中对齐。今天我们就一起来学习一下这个小技巧吧。 HTML 表格意味着使用带有原生 标签的表格，而 CSS 表格模拟与 HTML 表格相同的表格模型，但具有 CSS 属性。 我们先看下面这个html表单对应的CSS。...
之前我就遇到过在flex布局中实现换行的需求。我当时的处理方式是添加一个元素，然后设置该元素的高度：0，宽度：100%，这样就解决了换行问题。 今晚我决定写一篇文章总结一下如何使用CSS实现换行，希望能够帮助到有需要的同学。 本文使用...
最近遇到一个问题，大佬帮忙解决了。这意味着在IOS上长按无法保存图像。 iOS手机默认可以长按保存img。 为什么无法调用默认行为 这是因为在reset.less文件中，我们公司默认禁用了-webkit-touch-callout属性，所...
今天给大家分享一个我在之前工作中遇到的小技巧，是受到营销需求的启发。 关于改造-origin属性，可以说原则上在工作中是没有必要使用的，但是这个属性还是很好的能够达到某些特定的效果。 什么是转型-origin MDN 中的解释是：tra...
code前端网
