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

Javascript ';放大';移动浏览器的选项,javascript,html,css,mobile,Javascript,Html,Css,Mobile,我有一个遗留的web应用程序,它是在移动浏览器出现之前很久就编写的,更不用说响应性设计了。因此,一切都是静态的 我无法修改网站页面的所有方面。例如,我无法更改主容器设置为900px并带有自动边距。但通过其他服务器端输出类,我可以在这里和那里修改位。例如,一个类使用其他嵌套标记构建了一个元素,我可以向任何标记添加内联样式和属性。我还可以在一定程度上修改标题include。所以我想知道的是关于选项: 现在,整个页面都可以放在移动视口中,使文本变得很小。我可以放大手机屏幕吗?我不介意你看不到所有的内

我有一个遗留的web应用程序,它是在移动浏览器出现之前很久就编写的,更不用说响应性设计了。因此,一切都是静态的

我无法修改网站页面的所有方面。例如,我无法更改主容器设置为900px并带有自动边距。但通过其他服务器端输出类,我可以在这里和那里修改位。例如,一个类使用其他嵌套标记构建了一个
元素,我可以向任何标记添加内联样式和属性。我还可以在一定程度上修改标题include。所以我想知道的是关于选项:

  • 现在,整个页面都可以放在移动视口中,使文本变得很小。我可以放大手机屏幕吗?我不介意你看不到所有的内容,但至少字体是可读的。在默认情况下,是否有一些CSS或元标记可以用于缩放?(不过,桌面浏览器必须保持不变)

  • 如果我在一个页面中有一个iframe,比如说,320px宽,有没有一种方法可以让我在页面加载时自动聚焦该iframe,从而填充我的移动视口的宽度

  • 纯JavaScript是一个选项(没有像jQuery这样的外部库);如果这不能用标记或样式来完成,有没有JavaScript方法可以使用


我很抱歉缺少示例代码。。。我当然尝试过一些不同的CSS属性,但不管怎样,我总是查看缩小的完整页面版本。

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

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


感谢您抽出时间回复,dav。唉,我不能插入媒体查询,实际上根本不能直接修改CSS文件。此时,我只能以暴力内联方式添加样式。请尝试使用javascript添加样式。如果你不能,你也可以使用!在调用内联样式之后,这一点很重要。告诉我进展如何。结果相对不令人满意,但那不是你的错;我面临的限制太严格了。为了至少完成我想做的部分工作,我确实需要用javascript添加一些样式,所以我要接受这个答案