2017-10-19 1 views
-3

왜 내 웹 사이트는 내가 대답하는 웹 사이트를 개발하기 위해 노력하고

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Responsive Images Test Page</title> 
 
</head> 
 
<body> 
 

 
\t <h1>Responsive Images Test Page</h1> 
 
\t <p>In supported browsers, the following image will load either small or large version depending on screen resolution, making a single 1kb request before requesting the appropriate size.</p> 
 

 
\t <img src="sample-content/running-sml.jpg?full=sample-content/running-lrg.jpg" /> 
 

 
\t <p id="cred"><strong>Photo credit (CC):</strong> Cia de Foto <a href="http://www.flickr.com/photos/ciadefoto/3192757134/in/[email protected]/">Flickr Creative Commons</a></p> 
 
\t 
 
</body> 
 
</html>

휴대 전화에서 지원되지 않습니다. 하지만 내 웹 사이트는 휴대 전화에서 지원되지 않습니다. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 나는 반응 형 웹 사이트에 위의 태그를 사용했습니다. 그러나 이것은 작동하지 않습니다. 제발 도와주세요

+0

어떤 휴대 전화입니까? 모두? – Kanak

+0

코드를 제시하지 않으면 도움을 드릴 수 없습니다. – Amorandron

+0

사이트에 대한 링크를 공유하는 것이 가장 좋습니다. –

답변

0

반응 형 디자인은 CSS를 사용하여 수동으로해야 할 일입니다. 당신은 단순히 메타 태그를 추가 할 수 없습니다 당신의 페이지는 응답) 당신의 위의 코드 예제는 다음과 같이 인라인을 할 수있는 경우 :

<img style="max-width:100%" src="sample-content/running-sml.jpg?full=sample-content/running-lrg.jpg" /> 

하지만 물론 당신은 귀하의 사이트에 대한 스타일 시트 파일을 작성해야합니다.

관련 문제