新聞中心
修正DeDecms手機wap網(wǎng)站圖片自適應的問題
隨著網(wǎng)絡的快熟發(fā)展,越來越多的人使用手機上網(wǎng)。移動設備正超過桌面設備,成為訪問互聯(lián)網(wǎng)的最常見終端。于是網(wǎng)頁設計師不得不面對一個難題,如何才能在不同大小的設備上呈現(xiàn)同樣的網(wǎng)頁?同樣的內(nèi)容,要在大小迥異的屏幕上,都呈現(xiàn)出滿意的效果,并不是一件容易的事。本節(jié)無憂主機小編將給大家介紹一下修正修正DeDecms手機wap網(wǎng)站圖片自適應的問題。另外年底了希望各位站長大人多多支持php空間。 修正DeDecms手機wap網(wǎng)站圖片自適應的問題方法如下: 1、首先是點擊進入到我們的控制面板,然后找到文件管理選項,如圖所示: 2、點擊進入之后找到我們站點的根目錄,如圖所示: 3、進入到這個目錄之后找到我們的程序的路徑:目錄/include/wap.inc.php文件,如圖所示: 查找: $content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content); return $content; 在以上代碼上面添加如下代碼: $content = preg_replace("/style=.+?[*|\"]/i", "", $content); 修正思路:一般為了要達到圖片自適應屏幕寬度的目的,我們在img標簽的樣式中定義max-width:100%;height:auto;就可以了,可是由于用手機無法查看源代碼,所以就在電腦上打開網(wǎng)站,然后查看源代碼,發(fā)現(xiàn)文章中的圖片還是保留了PC網(wǎng)頁img標簽原有的格式設定沒有過濾掉,從而導致css文件中設置的img樣式無效。 以上是無憂主機獨立IP空間為您帶來的介紹。
本文地址:http://www.gle-technology.com/dedecms/27930.html