'放大'移动浏览器的选项

时间:2012-02-17 17:41:15

标签: javascript html css mobile

我有一个遗留的Web应用程序,早在有移动浏览器之前就已经写好了,更不用说响应式设计了。因此,一切都是静态的。

我无法修改网站页面的所有方面。例如,我无法通过自动边距更改主容器设置为900px。但是通过其他服务器端输出类,我可以在这里和那里修改位。例如,一个类使用其他嵌套标记构建<div>元素,我可以为任何此标记添加内联样式和属性。我也可以在一定程度上修改标题包含。所以我对选项感到疑惑:

  • 现在,整个页面都适合移动视口,使文字变得微不足道。我可以放大手机吗?我不介意你看不到所有的内容,但至少字体是可读的大小。是否有一些CSS或元标记,我可以使用默认缩放? (桌面浏览器必须保持原样相同)

  • 如果我在一个页面中有一个iframe,例如320px宽,是否有一种方法可以让我在页面加载时自动对焦iframe,从而填充我的移动视口的宽度?

  • 普通JavaScript是一个选项(没有像jQuery这样的外部库);如果使用标签或样式无法做到这一点,我可以使用JavaScript方法吗?

我为缺少示例代码而道歉...我当然尝试了一些与CSS属性不同的东西,但无论我总是在查看缩小的整页版本。

1 个答案:

答案 0 :(得分:1)

为了确保您的字体是可读的,您可以使用每百分比的字体大小而不是像素(如果您正在使用的那样)。

如果有帮助,请查看有关移动设备自适应设计的文章:

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries