适合页面内容适合带有JavaScript的iPhone，Android屏幕

Question

我在服务器上有一个HTML页面。 考虑在该HTML页面中加载的文章示例。 然后从Android和iPhone手机的浏览器打开该页面。

该页面包含描述，图像和链接。 问题是该页面内的图像位于屏幕之外。

我想知道应该使用javascript在页面内设置适合所有资源（描述，图像，链接）的任何方法。

Answer 1

在我的移动网站上，我使用了meta标签将所有内容保留在屏幕上。

<meta name = "viewport" content = "width = device-width">

我认为这应该可以解决问题。 确保将其放置在<head>标记内。

希望这可以帮助。

Answer 2

将此添加到css文件：

@media屏幕和（最大设备宽度：480px）{

/ ---仅iPhone适用于CSS：重新设置图片样式，使其适合iPhone / Android --- /

}