发表于: 2017-06-09 21:40:51
0 1161
今天做了什么事:
1.面试过程中遇到的问题,没解决,在下面贴出来,大家共勉。
2.复盘项目的内容管理模块完成。
明天要做什么事:
1.内容管理模块
遇到了什么问题:
1、暂无具体问题
收获
1.告诉大家一个面试加分项,有自己封装的插件,比如:葡萄藤的分页指令,模态框等等。
2、移动端1px变粗解决方案总结
IOS8下已经支持带小数的px值。
, media query对应devicePixelRatio有个查询值-webkit-min-device-pixel-ratio(设备物理像素和css像素的比例), css可以写成这样
.border { border: 1px solid #999 }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.border { border: 0.5px solid #999 }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
.border { border: 0.333333px solid #999 }
}
腾讯财经手机版的实现方式:
先设置一个1px粗的border-bottom,这个时候在大部分移动设备上会呈现出很粗的线,然后再使用白色CSS阴影,并且偏移1px来压住过粗的border-bottom线,结果就看到了一条细线产生。
.navTab{
border-bottom: 1px solid #eceef0;
box-shadow: 0 1px 1px #fff;
}
1px解决方式博客地址:http://www.cnblogs.com/lunarorbitx/p/5287309.html
我的学员服务器:http://119.10.57.69:880/jnshu3950/jnshu/index.html
评论