适合页面内容适合iphone,android屏幕与javascript

问题描述:

我有一个服务器上的HTML页面。考虑在该HTML页面中加载文章示例。并且我从我的android和iphone手机的浏览器打开该页面。适合页面内容适合iphone,android屏幕与javascript

此页面中包含说明,图片和链接。 问题是该页面内的图像是在屏幕之外。

我想知道,有什么办法来适应所有的资源(描述,图片,链接)应该在页面内设置javascript。

+0

您正在讨论移动版式,您应该使用CSS而不是JavaScript。 – Bojangles 2012-03-25 17:55:53

它添加到CSS文件:

@media屏幕(最大设备宽度:480像素) {

/--- iPhone只CSS这里:重新风格的图像,以便以使其适合在您的iPhone /安卓---/

}

你可以阅读更多的http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

在我的移动网站上,我使用了元标记来保存屏幕中的所有内容。

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

我认为这应该有所斩断。请务必将其放在<head>标签内。

希望这会有所帮助。