适合页面内容适合iPhone,Android屏幕与JavaScript

时间:2012-03-25 17:53:43

标签: javascript html

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

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

我想知道有任何方法可以使用javascript在页面内设置所有资源(描述,图像,链接)。

2 个答案:

答案 0 :(得分:1)

在我的移动网站上,我使用元标记将所有内容保留在屏幕内。

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

我认为这应该可以解决问题。请务必将其放在<head>标记内。

希望这有帮助。

答案 1 :(得分:0)

将此添加到css文件:

@media screen and(max-device-width:480px) {

/ ---这里只有iPhone的CSS:重新设计你的形象以使其适合你的iphone / android --- /

}

您可以在http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

了解更多信息