Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
548 views
in Technique[技术] by (71.8m points)

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

clipboard.png

clipboard.png

clipboard.png

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

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

算是什么hack技巧吗?


clipboard.png

clipboard.png

clipboard.png

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

background: none;

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

谢邀~

我觉得应该是一些默认的样式, 通过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, 在本页面的测试.
图片描述


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...