天猫首页全屏代码(天猫淘宝全屏代码的使用方

时间:2022-09-14 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{天猫首页全屏代码(天猫淘宝全屏代码的使用方}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的天猫首页全屏代码(天猫淘宝全屏代码的使用方内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

做过淘宝或者天猫店铺装修的同志,肯定会经常遇到一个很尴尬的问题,就是为啥本地写好的代码,放店铺里面就是不能全屏显示呢,只能显示950或者990像素宽度。(可能这个问题很多人知道,不过考虑到很多人也许不知道所以决定写个教程帮助大家)

有同志要问了,米色老湿你的全屏代码跟别人的全屏代码哪里不一样呢?

我们都知道淘宝和天猫店铺版本是不一样的,所以代码有时候会不一样,我的全屏代码,是可以天猫和淘宝通用的。并且无论你内容宽度是多少,都能完美的全屏居中显示。而且使用起来也是很方便。废话不多说 进入正题:

一:为什么店铺里面不能全屏

看上图代码会发现,自定义模块框架内 一个class名为 skin-box-bd 的哥们,带有2个样式 width:750px; overflow:hidden;

有同志要问了,这有什么问题。上面2个样式意思是,宽度750px;溢出隐藏。顾名思义就是放在自定义模块里面的内容,如果宽度超过750,那么超过的部分就会隐藏,自然就不能全屏了、


二:解决思路

说思路前,先说下,要想全屏店铺里面只能使用定财务预算董事会发稿公司位实现。然而淘宝不允许店铺里面商家使用定位(相对定位除外)和外边距负值。那就需要好好琢磨下如何实现了。这里我利用双重定位,对需要全屏的内容进行两次移动,从而达到全屏的效果


三:具体实现代码

<div class="miseu" style="height: 【高度2】px;">

<div class=张家界短视频小程序"footer-more-trigger most-footer sn-simple-logo" style="position: absolute; left: 50%; top: auto; width: 0; height: inherit; border: 0; padding: 0; background: transparent;">

<div class="footer-more-trigger most-footer sn-simple-logo" style="position: absolute; left: -【店铺类型】px; top: 【去下边距】px; width: 1920px; height: 【高度】px; border: 0px; padding: 0px; background: transparent;">

<div class="clearfix J_TWidget" style="margin: 0 auto; width: 【宽度】px; height: 【高度】px;" data-source="米色官网:www.mgsns.com">



【内容】

</div>

</div>

</div>



</div>


参数剖析:

【高度2】:【高度】-【去下边距】

【店铺类型】:天猫店和淘宝专业版 这里修改成960

【去下边距】:自定义模块之间的距离,天猫和淘宝专业版 这里写10 ,基础版店铺这里写20.如果不需要去掉自定义模块之间的距离,就写 0

【高度】:需要全屏的内容整体高度

【宽度】:需要全屏的内容整体宽度

【内容】:这里整个替换为你需要全屏的代码

注意:替换的时候【】这个括号也一起替换了


四:拓展说明

虽然写的很清晰,可能会有一些同志 还是觉得很麻烦,所以我又专门,编写了一个在线生成的工具,只需要按照说明,添加内容,点击按钮自动生成需要的代码。天猫首页全屏代码(天猫淘宝全屏代码的使用方

上一篇:现在淘宝保证金怎么交(淘宝保证金具体缴纳方
下一篇:淘宝夏季女装店铺推荐(便宜又好看的女装店铺


版权声明:以上主题为“天猫首页全屏代码(天猫淘宝全屏代码的使用方"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
扫码咨询
    天猫首页全屏代码(天猫淘宝全屏代码的使用方
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“天猫首页全屏代码(天猫淘宝全屏代码的使用方”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通天猫首页全屏代码(天猫淘宝全屏代码的使用方的相关事宜。

关键词:天猫首页全屏代码

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号