-5

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

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

我喜欢移动版网站中的所有风格的东西。

就是这样： http: //mikrobusz-berles.com图片太大了。我想为移动版本调整它们的大小。任何的想法？

4

4 回答 4

1

您可以使用输出缓冲区（在手册上阅读）它将捕获整个页面

 ob_start();

 //Content here
 $contents=ob_get_flush();

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

于 2012-12-28T12:45:56.023 回答
0

将此添加到您的 css 文件中：

.jFlowSlideContainer img{
   width:99.9%;
}
于 2012-12-28T12:46:45.663 回答
0

如果您只想在用户使用手机的情况下将宽度更改为 90%，您可以执行以下操作。

编写一个 CSS 类如下：

.mobile-image {
    width: 90% !important;
}

现在用jquery知道用户是否正在使用手机，然后使用addClass()如下方法将上述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') = '';
    }
}
于 2012-12-28T12:47:16.037 回答
0

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

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

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

于 2012-12-28T12:48:29.460 回答