css中小数点的精度问题

8年10个月前
今天同事遇到一个奇葩的问题,我以前好像也遇到过,但没有深究,这告诉我们,遇到问题一定要刨根问底,否则将来某一天你一定还会与它不期而遇😂 我们经常会遇到一些横向排列的布局,并且横向排列的总宽度要大于显示宽度,如轮播图,左右滑动菜单等。通常的做法就那么几种: white-space:nowrap + display:inline-block display:box/flex + box...
HTML-CSS 2516 0 0css精度zepto

css小知识

8年10个月前
1.z-index越大越靠前的条件:①.只有在position:relative、position:absolute和position:fixed参与的情况下才有作用。②.得在同一级定位元素中才有可比性。 ...
HTML-CSS 874 0 0css

我想要个自适应宽度的input框框

8年10个月前
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" on...
HTML-CSS 913 0 0css

background-size:cover引发的思考

9年1个月前
翻了翻以前的代码,发现有很多类似下面这样的地方: var src='xxx.jpg'; var $img = $('img'); $img.css({ 'background': 'url(' + src + ') center center no-repeat', 'background-...
HTML-CSS 1179 1 1cover样式覆盖

rem—前端狗的福音

9年4个月前
近期看到淘宝的移动端改版了,使用了 rem 这个神奇的单位。 这货看上去跟 em 长的颇为相似,但它是 font size of the root element, em 只是 font size of the element, 显然 rem 是 em 的升级版啊。 我们在用 em 的时候,它是相对于父元素字体大小的单位,这点让我们很不爽,很容易出现 1.2em*1.2em 的情况,但是 ...
HTML-CSS 1123 4 3remem自适应

怎么为网站添加icon图标,让你的网站更炫

9年4个月前
那么如何添加网站favicon.ico图标 获得一个favicon.ico的图标,大小为16px×16px最为合适 将制作好的图标文件Favicon.ico上传到网站的根目录; 在首页文件的html代码的头部中加入如下代码: <link rel="Shortcut Icon" href="favicon.ico" > 如果想收藏书签也...
HTML-CSS 1039 1 0waplink

图片放大抖动的内在原因及解决方法

9年8个月前
最近百度视频首页改版,小伙伴们给作品海报添加了一个 hover 效果,就是鼠标划入的时候,海报会放大一些,划出的时候,海报再缩小回原来的大小。具体实现也挺容易的: a img{ -webkit-transition: all .05s ease-in; } a:hover img{ -webkit-transform: scale(1.05); } 其他前缀的就不写了,本来效...
HTML-CSS 4429 2 4transition图片放大抖动

margin-top折叠

9年10个月前
假设 b 是 a 的子节点,如果这时候对 b 设置 margin-top: 10px, 那么 a、b 的 margin-top 将会折叠在一起,产生的效果是 a 会 margin-top: 10px, b 没有效果: <style> .b{ margin-top: 10px; } </style> <...
HTML-CSS 1286 1 4margin-topmargin-top折叠bug

IE6完美实现position:fixed

10年4个月前
给html和body加如下样式(ie6下消除了fixed元素滚动时的抖动): html, html body{ _background-image: url(about:blank); _background-attachment: fixed; } 给要设置fixed的元素加如下样式: .fixed{ position: fixed; top: 200px;...
HTML-CSS 1280 0 1
加载更多
京公网安备 11011202003202号 鲁ICP备 13027548号-1