如何覆盖php html中的所有图像宽度?

如何覆盖php html中的所有图像宽度?,php,html,css,image,resize,Php,Html,Css,Image,Resize,我想覆盖所有图像宽度的90%。但是有些图片在css文件中有样式,有些看起来像这样: <img src="sss" style="something" ... 我vanna dell所有风格的东西都在手机版的网站上 就是这样:照片太大了。我想调整他们的手机版本。有什么想法吗?您可以使用输出缓冲区(请阅读手册) 它将捕获整个页面 ob_start(); //Content here $contents=ob_get_flush(); 并在$contents上使用一些正则表达式

我想覆盖所有图像宽度的90%。但是有些图片在css文件中有样式,有些看起来像这样:

 <img src="sss" style="something" ... 

我vanna dell所有风格的东西都在手机版的网站上


就是这样:照片太大了。我想调整他们的手机版本。有什么想法吗?

您可以使用输出缓冲区(请阅读手册) 它将捕获整个页面

 ob_start();

 //Content here
 $contents=ob_get_flush();

并在$contents上使用一些正则表达式来覆盖宽度,它们会回显$contents

将其添加到css文件中:

.jFlowSlideContainer img{
   width:99.9%;
}

如果你只是想改变宽度为90%,如果用户正在使用手机,你可以这样做

编写一个CSS类,如下所示:

.mobile-image {
    width: 90% !important;
}
现在使用jquery了解用户是否正在使用手机,然后使用如下方法将上述css类添加到所有图像中

$(document).ready(function(){
    // Check if a user is logged in using a Mobile Phone or a Handheld Device.
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
        // To adjust the width
        $('img').addClass('mobile-image');
        // To Remove style attribute
        $('img').attr('style') = '';
    }
}

可以使用jquery再次覆盖样式。 代码:

此代码适用于您正在使用的jquery mobile

$(document).on('pageinit',function(){
    $('img').css('width','50%');
});