随笔分类 - css
摘要：设置
阅读全文
摘要：当限制了宽度的时候，出现连续超长的字母段的时候，会出现不换行的现象。 解决方法 word-wrap: break-word;
阅读全文
摘要：1. ie高版本浏览器(或者使用IE内核)下面出现，html莫名出现margin-left: -未知数；(低版本的IE也有，不过没造成影响); IE11 IE8 解决办法： 2. 低版本IE浏览器刚进入页面出现页面抖动(总结)的情况 原因 这个是由于动态数据加载，一开始页面长度不够没有滚动条，后面数
阅读全文
摘要：之前的项目一直都是基于bootstrap,elementUI这些已经很成熟的框架进行二次开发，要么就是一些很小的宣传页面，h5页面，或者结构相对简单的移动端。一直都没有机会对css的整体进行一个思考，这次正好有个整站的重构项目，让我对css模块化以及重用这些进行了一个很好的梳理。 很早以前就读过bo
阅读全文
摘要：css modules调研 css模块化解决方案 抛弃css (Radium,jsxstyle,react style) 利用js来管理样式依赖(css Modules) css模块化面临的问题 全局污染 命名混乱 依赖管理不彻底 无法共享变量 代码压缩不彻底 启用CSS Modules,webpa
阅读全文
摘要：在这里我并没有给他任何的高度，但是被撑开了，解决办法是给一个font-size: 0; 就可以解决这个问题
阅读全文
摘要：今天做好的静态文件发给后台改成jsp之后，发现原本流畅滑动的页面在iphone5下面变得一卡一卡的。 之后加上了 这个属性之后，成功解决这个问题 ，暂时不懂这个问题是什么原因造成的，做个笔记
阅读全文
摘要：之前由于一些误导，一直感觉fixed这个定位在ie8下面是会出现兼容问题的，今天发现这个想法太绝对了，它只是在ie7 8 的怪异模式下面会出现兼容问题 解决这个问题可以通过用absolute来模拟fixed来模拟fixed定位来解决这个兼容的问题，但是最好的办法还是强制浏览器使用标准模式渲染页面，毕
阅读全文
摘要：不确定尺寸居中 而另外一种使用margin的，这种是需要知道居中元素的宽高才能实现的
阅读全文
摘要：类似于这种，这个时候出现了周围变模糊，并且边缘泛白的情况 周围模糊这个问题很好解决，给父容器加overflow:hidden；就可以了 效果如上，至于周围泛白的问题就需要动点脑筋了，给目标添加 transform: scale(1.2); 放大为原来的1.2倍，这样泛白的部分就可以隐藏起来看不见了。
阅读全文
摘要：就像这样，这个大小既不是内间距也不是外间距，它是由于字体的行高导致的，这个时候，注意一下在reset的时候将行高设置为1就不会出现这种问题了
阅读全文
摘要：今天写移动端的时候有个地方需要横向滚动的功能，自然而然需要用到white-space这个属性了，但是试了一下发现没有效果，反复查找原因后，发现white-space是对inline-block起作用的，且元素不能是浮动的。
阅读全文
摘要：前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-sc
阅读全文
摘要：今天甲方那边改需求了，要求打印出来的尺寸是85mm/55mm的，开始还一直在网上找px和mm的相关换算，结果去w3c看了，竟然还有mm单位的， 在这里做个笔记
阅读全文
摘要：less 可以这么写 @r: 15rem; body{margin-top:40/@r}; 但是sass这么写会报错 sass应该这么写 $r: 15; body{margin-top:40rem/$r}
阅读全文
摘要：如果有第三方插件或者想要覆盖css的样式的话，给他的样式设置auto就好了
阅读全文
摘要：发现router-link添加上去后文字上会出现下划线，打开调试工具发现router-link其实是由a来实现的，在reset的时候 至于点击之后的样式则是router-link-active .router-link-active { text-decoration: none; }
阅读全文
摘要：给的波浪要比容器大，然后在左边准备一个相同的，注意，波浪头尾要能衔接起来，接着运动的长度为波浪的宽度，然后不断重复就好了
阅读全文
摘要：这是一个名叫Alexey Ten首先提出来的，类似下面的代码： 现代浏览器下，例如Chrome下，就是SVG形式显示，如下截图： IE7下则是png图片显示的效果，如下截图：
阅读全文
浙公网安备 33010602011771号