关于几个移动端问题的探索3.1

Question

在唯品会看到这几个css属性，transform但是这个属性在这边完全没有必要吧。。。
在图片加上

    transform-origin: 0px 0px 0px;
    opacity: 1;
    transform: scale(1, 1);

算是什么hack技巧吗？

---

图片外层包裹的a标签声明block，但是为什么还需要给a标签加入?

background: none;

Answer 1

谢邀~

我觉得应该是一些默认的样式, 通过js 动态生成出来的.
写在元素style上的样式, 都是通过js来生成的,
因为这个元素是动态生成的.
为什么写一些无关紧要的css呢?

1. 可能是为了重置样式表, 替代默认.class中的样式

2. 给默认值.

    transform-origin: 0px 0px 0px;
    opacity: 1;
    transform: scale(1, 1);

transform-origin//设置旋转元素的基点位置
opacity//透明度
transform: scale//缩放

在做一些动画的时候, 或者特殊标注/醒目的商品item时, 可能会修改这些值.

补一个gif, 在本页面的测试.

Answer 2

（我电脑这么大屏幕都看不清这截图……）
如果是写到行内的样式，建议你先去看下js部分。

Answer 3

transform确实有比较多的坑 在本站搜一下就能看到