2012-12-28 2 views
-5

모든 이미지 너비를 90 %까지 덮어 쓰고 싶습니다. 웹 사이트의 모바일 버전에서어떻게 PHP html로 모든 이미지 너비를 덮어 쓸 수 있습니까?

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

I vanna 델 모든 스타일 일 : 그러나 일부 사진은 CSS 파일의 스타일이 같은 몇 가지 모습이있다 있습니다.

이것은 여기 : http://mikrobusz-berles.com 그림이 너무 큽니다. 모바일 버전으로 크기를 조정하고 싶습니다. 어떤 생각?

+3

[무엇을 시도해 봤습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/) – dbf

답변

0

당신이 만약 단지 싶어 90 % 너비를 변경합니다. 다음과 같이

는 CSS 클래스를 작성 : 모든 이미지에 위의 CSS 클래스를 추가하기 위해 다음과 같이

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

는 이제 addClass() 방법을 사용하여 다음 사용자가 휴대 전화를 사용하고 있는지 알고 jQuery를 사용합니다.

$(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') = ''; 
    } 
} 
1

당신은

ob_start(); 

//Content here 
$contents=ob_get_flush(); 

로 전체 페이지를 캡처 할 을 (설명서에 읽기) 출력 버퍼를 사용하여 폭을 덮어 $에 내용을 몇 가지 정규식을 사용하고는 $ 내용을 메아리 수

0

은 CSS 파일이 추가 : 사용자가 휴대 전화는이 같은 작업을 수행 할 수 있습니다 사용하는 경우

.jFlowSlideContainer img{ 
    width:99.9%; 
} 
0

jquery를 사용하여 스타일을 다시 무시할 수 있습니다. 코드 :

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

이 코드는 사용중인 JQuery와 모바일을위한 것입니다.

관련 문제