'放大'移动浏览器选项

'zoomed in' options for mobile browser

本文关键字:选项 浏览器 放大 移动      更新时间:2023-09-26

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

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

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

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

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

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

为了确保字体可读,如果您使用的是按百分比而不是像素的字体大小,则可以使用该字体大小。

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

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