![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS(3)
E_li_na
这个作者很懒,什么都没留下…
展开
-
iphone上使用iframe时页面宽度变大的解决方法
场景是这样的,业务需要展示协议,我们公司所有产品的多个地方都有展示协议的需要,于是,我们就封装了一个组件,一个iframe里读取从后管获取的协议页面。起初,协议页面没有设置上下左右边距,ios的页面和安卓的页面还是没有什么区别的。后来业务提了新需求,美化了一下页面,在协议页面上下左右加了边距,于是就出现了ios整体页面宽度大于屏幕宽度的bug,页面出现横向滚动条,协议内容部分被遮盖,需要用户手动拉一下滚动条才能看全协议内容。网上查了ios使用iframe时有个bug:页面宽度会扩大,超出一个屏幕的宽度。原创 2020-10-21 10:57:46 · 1196 阅读 · 0 评论 -
PostCSS初步接触
官网PostCSSPostCSS提供了一种方式,用js代码来处理css。其强大之处是不断发展的插件。PostCSS负责把CSS代码解析成JavaScript可以处理的抽象语法树结构(Abstract Syntax Tree,AST),再调用插件来处理。插件基于AST,进行各种各样的处理。PostCSS能执行的任务非常多,同时涵盖传统意义上的预处理和后处理。 因此,不能简单地将Pos...原创 2018-05-14 17:51:11 · 335 阅读 · 1 评论 -
word-spacing和letter-spacing的区别
word-spacing用于单词之间的空白距离。多用于英文。 letter-spacing为每个字符之间的空白距离。多用于中文。如果为中文应用word-spacing是没有效果的。原创 2018-05-31 09:21:20 · 655 阅读 · 0 评论 -
css常用知识
css处理元素重叠:需要重叠的元素position属性都设置为absolute,z-index值各不相同。 css3在动画结束时保持状态不变:animation-fill-mode :forwards【animation-fill-mode : none | forwards | backwards | both; none:不改变默认行为。 forwards :当动画完成后,保持最后一...原创 2018-08-17 18:59:57 · 222 阅读 · 0 评论 -
收缩按钮
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Au转载 2018-09-18 16:05:35 · 497 阅读 · 0 评论 -
Vue样式scoped存在的问题
为了解决css存在的一大痛点:天生全局性,每个通过 vue-cli 创建的 Vue.js 应用都内置了两个很好的解决方案:Scoped CSS 和 CSS Modules (模块式 CSS)。现在我们只介绍Scoped CSS.我们只需在&lt;style&gt;标签上添加scoped属性就可以让样式只应用到该组件的元素上。&lt;template&gt; &lt;button class...原创 2018-11-30 15:26:17 · 562 阅读 · 0 评论 -
禁止iphone上input[type='text']自动放大
如果font-size小于16px,浏览器将自动放大,然而,元素的默认font-size是11px(至少在chrome和safari).所以设置元素的样式至少为16px就不会产生放大效果。另,select元素必须附加focus伪类:input[type=&quot;color&quot;],input[type=&quot;date&quot;],input[type=&quot;datetime&quot翻译 2019-01-24 09:59:14 · 2148 阅读 · 0 评论