新聞中心
修正DeDecms手機(jī)wap網(wǎng)站圖片自適應(yīng)的問(wèn)題
作者 / 無(wú)憂主機(jī) 時(shí)間 2018-07-11 21:07:08
隨著網(wǎng)絡(luò)的快熟發(fā)展,越來(lái)越多的人使用手機(jī)上網(wǎng)。移動(dòng)設(shè)備正超過(guò)桌面設(shè)備,成為訪問(wèn)互聯(lián)網(wǎng)的最常見(jiàn)終端。于是網(wǎng)頁(yè)設(shè)計(jì)師不得不面對(duì)一個(gè)難題,如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁(yè)?同樣的內(nèi)容,要在大小迥異的屏幕上,都呈現(xiàn)出滿意的效果,并不是一件容易的事。本節(jié)無(wú)憂主機(jī)小編將給大家介紹一下修正修正DeDecms手機(jī)wap網(wǎng)站圖片自適應(yīng)的問(wèn)題。另外年底了希望各位站長(zhǎng)大人多多支持php空間 修正DeDecms手機(jī)wap網(wǎng)站圖片自適應(yīng)的問(wèn)題方法如下: 1、首先是點(diǎn)擊進(jìn)入到我們的控制面板,然后找到文件管理選項(xiàng),如圖所示: 2、點(diǎn)擊進(jìn)入之后找到我們站點(diǎn)的根目錄,如圖所示: 3、進(jìn)入到這個(gè)目錄之后找到我們的程序的路徑:目錄/include/wap.inc.php文件,如圖所示: 查找:
$content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content); return $content;在以上代碼上面添加如下代碼:
$content = preg_replace("/style=.+?[*|\"]/i", "", $content);修正思路:一般為了要達(dá)到圖片自適應(yīng)屏幕寬度的目的,我們?cè)趇mg標(biāo)簽的樣式中定義max-width:100%;height:auto;就可以了,可是由于用手機(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ú)效。 以上就是無(wú)憂主機(jī)獨(dú)立IP虛擬主機(jī)環(huán)境下修正DeDecms手機(jī)wap網(wǎng)站圖片自適應(yīng)的問(wèn)題解決方法。
本文地址:http://www.gle-technology.com/dedecms/27080.html