码迷,mamicode.com
首页 > 其他好文 > 详细

12.26~12.30工作日志

时间:2017-01-03 18:35:14      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:open   rem   文件   href   方法   tin   .com   内容   不显示   

2016.12.26/27
1.writing-mode: vertical-rl;在电脑显示有效果,在手机端无效
  解决办法:改为 -webkit-writing-mode: vertical-rl;
 
2.div设置inline-block之后,如果没有设置固定宽高,div内的内容将正常显示,div缩为一个点?????????
 
 
3.设置float的元素最好设置好宽度,便于控制
 
4.document.getElementsByClassName(classname)获取的是数组数组!!!!就算获取的只有一个元素,也是得到一个只有一个元素的数组,必须加上[0]才能访问数组中的元素。。。。。
 
2016.12.28
1.CSS3里面加入了一个“-webkit-font-smoothing”属性。
 
     它有三个属性: 

 

     none        ------ 对低像素的文本比较好 

     subpixel-antialiased    ------默认值 

     antialiased           ------抗锯齿很好 

2.iconfont显示是黑框说明文件没有加载,引入文件地址要正确!!!!!!!!!!

3.移动端没有鼠标滑过事件,对普通标签如div加伪类hover、focus、active等并不会有相应效果,解决办法,将内容放置在a标签内,a标签设置inline-block属性即可

4.媒体查询@media,如果和普通样式放在同一个CSS文件中,必须放在相应通用样式的下    面,否则,CSS代码从上向下执行时,通用样式会将媒体查询样式覆盖掉;更为方便的方法是将所有媒体查询的内容单独放在了一个CSS文件中,在head中引用顺序为先通用后媒体

2016.12.29

1.由于em单位是相对于父元素的比例,在层层嵌套的结构中计算比较麻烦,可以改用rem单位,相对于html根元素的比例

2.小苹果html服务器. 用于移动端测试页面

http://www.xbole.com/

3.chrome默认最小字体12px,当设置的字体比12px小时,依旧以12px显示

4.border-image

以下写法在手机和safari中不兼容,图片不显示

{

border:1em solid transperent;

border-image: url(image/Group.png) 35 25 round;

}

改为

{

border-width: 1em;

border-style: solid;

border-image: url(image/Group.png) 35 25 round;

}
即可正常显示
 
2016.12.30
1.icon-font使用步骤:
   ①将相应的css文件和字体文件放入项目所在文件夹
   ②HTML文件头部引用该css文件
   ③在需要引用icon字体的标签中加入class=“icon”,以及相对应的字体的类名
 
2.meta
 
3.html head头标签

12.26~12.30工作日志

标签:open   rem   文件   href   方法   tin   .com   内容   不显示   

原文地址:http://www.cnblogs.com/leeshuang/p/6245642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!