适合页面内容适合iphone,android屏幕与javascript
问题描述:
我有一个服务器上的HTML页面。考虑在该HTML页面中加载文章示例。并且我从我的android和iphone手机的浏览器打开该页面。适合页面内容适合iphone,android屏幕与javascript
此页面中包含说明,图片和链接。 问题是该页面内的图像是在屏幕之外。
我想知道,有什么办法来适应所有的资源(描述,图片,链接)应该在页面内设置javascript。
答
它添加到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>
标签内。
希望这会有所帮助。
您正在讨论移动版式,您应该使用CSS而不是JavaScript。 – Bojangles 2012-03-25 17:55:53