DedeCMS手機(jī)wap網(wǎng)站圖片自適應(yīng)bug修改

來(lái)源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊：次

在安裝調(diào)試麥站手機(jī)版網(wǎng)站的時(shí)候，發(fā)現(xiàn)一個(gè)問(wèn)題，圖片無(wú)法很好的適應(yīng)屏幕，寬度可以與屏幕同寬，而高度卻沒(méi)有按比例調(diào)整，導(dǎo)致圖片看起來(lái)像被擠扁了一樣，為什么會(huì)這樣呢？

一般為了要達(dá)到圖片自適應(yīng)屏幕寬度的目的，我們?cè)趇mg標(biāo)簽的樣式中定義max-width:100%;height:auto;就可以了，可是這次設(shè)置了也沒(méi)有效果。

沒(méi)辦法，由于用手機(jī)無(wú)法查看源代碼，所以就在電腦上打開(kāi)網(wǎng)站，然后查看源代碼，發(fā)現(xiàn)文章中的圖片還是保留了PC網(wǎng)頁(yè)img標(biāo)簽原有的格式設(shè)定沒(méi)有過(guò)濾掉，從而導(dǎo)致css文件中設(shè)置的img樣式無(wú)效。

手機(jī)網(wǎng)站一般都會(huì)把文章的HTML進(jìn)行修改，去掉一些復(fù)雜的樣式，完成這些操作的代碼是在wap.inc.php文件。

打開(kāi)wap.inc.php看了一下，發(fā)現(xiàn)了問(wèn)題。由于要過(guò)濾掉復(fù)雜的html標(biāo)示，但是還需要保留圖片，所以在過(guò)濾的時(shí)候，先把整個(gè)img標(biāo)簽給替代掉了，等過(guò)濾完之后，又替代回來(lái)，這樣就導(dǎo)致了img標(biāo)簽里面的style 無(wú)法被過(guò)濾。

原因找到了，辦法也很簡(jiǎn)單，我們只需在最后輸出的時(shí)候過(guò)濾掉style=“”里面的信息，就可以讓我們的自適應(yīng)樣式設(shè)定生效了。在/include/wap.inc.php中添加這句代碼（紅字部分）：

$content = preg_replace("/style=.+?[*|\"]/i", "", $content);

$content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content);

return $content;

修改完之后保存，再開(kāi)啟頁(yè)面的時(shí)候，查看源代碼，style標(biāo)簽的內(nèi)容已經(jīng)被過(guò)濾掉了，圖片已經(jīng)按比例縮小，不會(huì)出現(xiàn)比例失調(diào)的狀況了。

上一篇：織夢(mèng)中通過(guò)dede:pagelist實(shí)現(xiàn)中英文分頁(yè)效果

欄目：dedecms

下一篇：DedeCMS文章列表在簡(jiǎn)略標(biāo)題可用時(shí)使用簡(jiǎn)略標(biāo)題的修改方法

本文標(biāo)題：DedeCMS手機(jī)wap網(wǎng)站圖片自適應(yīng)bug修改

本文地址：http://mengdiqiu.com.cn/a1/dedecms/15096.html

更多dedecms

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

dedecms

DedeCMS手機(jī)wap網(wǎng)站圖片自適應(yīng)bug修改

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀