首页 > 教程 >

修正DeDecms手机wap网站图片自适应的问题

2023-04-04教程围观

简介随着网络的快熟发展,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是网页设计师不得不面对一个难题,如何才能在不同大小的设备上呈现同样的网页?同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。本节织梦58小编将给大家介绍一下修正修正DeDecms手机wap网站图片自适应的问题。另外年底了希望各位站长大人多多支持php空间。修正DeDecms手

   随着网络的快熟发展,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是网页设计师不得不面对一个难题,如何才能在不同大小的设备上呈现同样的网页?同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。本节织梦58小编将给大家介绍一下修正修正DeDecms手机wap网站图片自适应的问题。另外年底了希望各位站长大人多多支持php空间。 修正DeDecms手机wap网站图片自适应的问题方法如下:
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;就可以了,可是由于用手机无法查看源代码,所以就在电脑上打开网站,然后查看源代码,发现文章中的图片还是保留了PC网页img标签原有的格式设定没有过滤掉,从而导致css文件中设置的img样式无效。

下载链接:网站源码/小程序源码/网站模板下载

Tags: 网站 手机 图片 适应 修正