2017-10-19 37 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手动完成的事情。你不能简单地添加一个meta标签,你的页面响应;) 为了您上面的代码示例,你可以做内联这样的:

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

当然你应该为你的网站的样式表文件。

相关问题