首页 > 教程 >
修正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样式无效。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
最新发布
-
最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
-
群多多社群人脉H5-2.1.4多开插件+小程序独立前端+搭建教程
-
七夕情侣飞行棋游戏限定版本源码/解锁版
-
苹果CMS海螺模版V20修复版/加广告代码
-
宠物社区风格 商业版(GBK)Discuz模板
-
全新UI基于Thinkphp的最新自助打印系统/云打印小程序源码/附教程
-
易优CMS家纺家居装饰类网站模板/EyouCMS家具家居类企业网站模板
-
EyouCMS艺术***摄影工作室网站模板/易优CMS摄影工作室网站模板
-
易优CMS响应式精品茶具实木茶盘销售网站模板/EyouCMS响应式酒水饮料类企业网站模板
-
EyouCMS响应式推土机挖掘机机械类网站模板/易优CMS机械设备类企业网站模板