移动网页 -- 结构与属性

1、获取设置的data-属性值

1 <p data-id="111">Penter</p>

1 var el = document.querySelector("p");
2 var id = el.dataset["id"];
3 el.dataset["id"]=100;

2、jQuery获取设置的data-属性值

1 <p data-id="111">penter</p>
2 
3 var id =$(el).data('id');   ---  111

3、响应式图片

使用object-fit以及object-position控制对象在父元素中的显示方式

1 object-fit：fill；
2 object-fit：contain；
3 object-fit：cover；

posted @ 2016-06-01 17:11 ^^-^^- 阅读(142) 评论(0) 编辑收藏举报

zhanghuiyun