⑴做过淘宝或者天猫店铺装修的同志,肯定会经常遇到一个很尴尬的问题,就是为啥本地写好的代码,放店铺里面就是不能全屏显示呢,只能显示或者像素宽度。(可能这个问题很多人知道,不过考虑到很多人也许不知道所以决定写个教程帮助大家
⑵有同志要问了,米色老湿你的全屏代码跟别人的全屏代码哪里不一样呢?
⑶我们都知道淘宝和天猫店铺版本是不一样的,所以代码有时候会不一样,我的全屏代码,是可以天猫和淘宝通用的。并且无论你内容宽度是多少,都能完美的全屏居中显示。而且使用起来也是很方便。废话不多说 进入正题:
⑷一:为什么店铺里面不能全屏
⑸看上图代码会发现,自定义模块框架内 一个class名为 skin-box-bd 的哥们,带有个样式 width:px; overflow:hidden;
⑹有同志要问了,这有什么问题。上面个样式意思是,宽度px;溢出隐藏。顾名思义就是放在自定义模块里面的内容,如果宽度超过,那么超过的部分就会隐藏,自然就不能全屏了、
⑺说思路前,先说下,要想全屏店铺里面只能使用定位实现。然而淘宝不允许店铺里面商家使用定位(相对定位除外和外边距负值。那就需要好好琢磨下如何实现了。这里我利用双重定位,对需要全屏的内容进行两次移动,从而达到全屏的效果
⑻三:具体实现代码
⑼