首页 > 教程 >
修正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样式无效。
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样式无效。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
- 微信记账小程序源码/个人记账本小程序源码
- 猜图达人小游戏V4.1微擎小程序源码
- WordPress主题 JustNews5.2.2 + QAPress问答插件适合源码站虚拟资源站个人博客
- 小浣熊漫画CMS3.0仿土豪漫画完美版源码/附搭建教程
- H5网页漫画小说苹果cms模板源码/支持对接公众号/支持三级分销
- 最新漫画阅读小程序源码/支持多种广告
- WordPress主题下载Blog Kit最佳的最小WordPress博客主题
- ThinkPHP高仿蓝奏云网盘系统源码/对接易支付系统程序
- 仿XDGAME下载游戏网站源码/可做资讯网站
- 最新JustMedia V2.7.3主题破解版去授权WordPress主题模板