如何在页面加载时提高浏览器缩放级别?
这里是我的网站链接最近我得到了增加其宽度的任务,就像我们按下的Firefox Ctrl +和浏览器缩放级别增加有任何方法在页面加载的所有浏览器中自动执行此操作.
我在Canvas中创建了一个小游戏,但我遇到了问题.将默认缩放设置为100%以外的某些用户无法看到整个游戏页面.
我试过使用这个CSS:
zoom: 100%;
Run Code Online (Sandbox Code Playgroud)
这个HTML
<meta name="viewport" content="initial-scale=1.0 , minimum-scale=1.0 , maximum-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)
这个JS:
style="zoom: 75%"
Run Code Online (Sandbox Code Playgroud)
任何想法如何以编程方式设置页面缩放?
我没有iPhone,所以我自己无法测试,但根据客户端,如果他放大以更轻松地点击链接,那么当下一页加载时页面保持放大并且用户手动必须缩小再次.
请注意,这不是响应式网站(它没有设置元宽度=设备宽度).
有什么方法可以防止这种情况吗?我尝试添加一个maximum-zoom = 1 onload仅在几秒钟后删除它,但这根本不起作用.
当谷歌搜索问题所有我能找到的是在更改webapp的方向时具有缩放级别的人去香蕉 - 这不是同一个问题.
是否可以通过JavaScript触发浏览器的放大和缩小功能?
我想在我的网站上添加放大(+)和缩小( - )按钮,点击按钮想要调用浏览器的放大(可以通过按ctrl和+调用)/缩小(ctrl和 - )功能.
我想将浏览器的(IE/FF)页面缩放控件(菜单:查看/缩放/缩放In_Zoom输出)分配给网页上的两个大"(+)( - )"图标,以便视障人士可以使用这些控件方便.
很多搜索合适的脚本都空了,所以我在这里.
您知道的任何代码都可以做到这一点吗?
祝一切顺利...
短发
我正在开发一个基于旧科尔多瓦的应用程序。在我的页面上,我有一个 iframe,可以在其中显示 PDF(使用 PDFJS 库)。用户可以使用 PDF 查看器上的缩放按钮或捏缩放来缩放 PDF 区域。要求是当用户单击主页(非 iframe 区域)上的按钮时,我必须将 PDF 的缩放级别重置为正常。
如果使用下面的代码(特定于 PDFJS)通过缩放按钮完成缩放,我就可以做到这一点
document.getElementById("myPdf").contentWindow.PDFViewerApplication.pdfViewer.currentScaleValue = 'auto';
但是,如果使用捏缩放完成缩放,我无法重置(完成捏缩放后,iframe 中加载的完整 HTML 会被缩放,因此它是网页缩放)。我尝试了下面的代码,重置初始比例,但它不起作用
document.querySelector("meta[name=viewport]").setAttribute(
'content',
'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');
Run Code Online (Sandbox Code Playgroud)
谁能建议一种方法来做到这一点?