做過淘寶、天貓店鋪裝修的同志，一定會(huì)面臨尷尬的問題。 為什么當(dāng)?shù)貙懙拇a放在店鋪里，就不能全屏顯示嗎？ 只能顯示950像素或990像素的寬度嗎？ (這個(gè)問題很多人可能知道，但很多人可能不知道，所以決定寫教程幫助大家。)

有同志要問了，米色老濕你的全屏代碼跟別人的全屏代碼哪里不一樣呢？

因?yàn)槲抑捞詫毢吞熵埖牡赇伆姹静灰粯樱源a有時(shí)會(huì)不一樣。 我的全屏代碼是天貓和天貓通用的。 另外，無論內(nèi)容的寬度如何，都可以實(shí)現(xiàn)完整的全屏中央顯示。 而且很容易使用。 閑話不多說，進(jìn)入正題：

一：為什么店鋪里面不能全屏

在上圖的代碼中，可以看到定制模塊框架中名為skin-box-bd的class兄弟有兩種樣式的width:750px。 overflow:hidden；

同志有想問的事情，這有什么問題。 上面兩種樣式意味著750px寬； 溢出來藏起來。 顧名思義就是放入定制模塊中的內(nèi)容，如果寬度超過750，超過的部分就會(huì)被遮住，當(dāng)然就不能全屏了。

二：解決思路

在談思路之前，先說一句，只能在全屏店鋪中使用定位來實(shí)現(xiàn)。 但是，淘寶上不允許店鋪內(nèi)的商家使用定位(相對定位除外)和外距離的負(fù)值。 那需要仔細(xì)考慮如何實(shí)現(xiàn)。 它利用雙重定位功能，將需要全屏的內(nèi)容移動(dòng)兩次，以獲得全屏效果

三：具體實(shí)現(xiàn)代碼

div class=’miseu’ style=’height :【高度2】px；’

div

class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :

絕對； left: 50%； top: auto； width: 0； height: inherit； border: 0

墊： 0； background: transparent； ‘ ‘

div

class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :

絕對； left: -【店鋪類型】px； top :【到下邊的距離】px； width: 1920px； height :【高度】px；

border: 0px； padding: 0px； background: transparent； ‘ ‘

divclass=’ clearfix j _ t構(gòu)件’ style=’ margin:0 auto； width【寬度】px； height :【高度】px；’ data-source=’樂發(fā)網(wǎng)m.0916keyu.com‘

【內(nèi)容】

/div

/div

/div

/div

參數(shù)剖析：

【高度2】:【高度】-【下沖】

【店鋪類型】:天貓店和淘寶專版在這里修改為960

【到下邊的距離】:定制模塊之間的距離，天貓和淘寶的專業(yè)版在這里寫10，基礎(chǔ)版店鋪在這里寫20。 如果不需要消除定制模塊之間的距離，則寫0

【高度】:需要全屏的內(nèi)容的整體高度

【寬度】:需要全屏內(nèi)容的整體寬度

【內(nèi)容】:這里用需要全屏的代碼替換

注意：替換時(shí)【】這個(gè)括號也一起替換了

四：拓展說明

雖然寫得很清楚，但可能有些同志還是覺得麻煩，所以我又專門按照說明添加了內(nèi)容，制作了在線生成工具，點(diǎn)擊按鈕自動(dòng)生成所需的代碼。 工具地址(復(fù)制目標(biāo)在瀏覽器中打開) )。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源： 淘寶店鋪全屏代碼,淘寶店招全屏代碼