2017-10-19 19 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" /> 

もちろん、あなたのサイトのためのスタイルシートファイルを作成する必要があります。

関連する問題