我添加了具有允许缩放/缩放的属性的视口.我将这些添加到本机代码中:
WebSettings settings = super.appView.getSettings(); settings.setBuiltInZoomControls(true); settings.setdisplayZoomControls(true); settings.setSupportZoom(true);
我可以缩放,但随着我的观点,离子标题栏和离子导航栏变焦.我尝试给标头css,以保持它固定:
position: fixed; top: 0px; left: 0px;
但是,它仍然会变焦.
我的index.html有一个ion-header-bar,它包含一个图像.
模板进入
<ion-nav-view class="has-header"></ion-nav-view>
我需要放大特定div的模板是’离子视图’,它看起来像:
<ion-view> <ion-nav-bar class="bar-stable"> <ion-nav-buttons side="right"> icon1 </ion-nav-buttons> <ion-nav-buttons side="left"> icon2 </ion-nav-buttons> </ion-nav-bar> <div> Multiple divs in here,which are containers for html and css data we receive via AJAX requests. And this is here I need zooming in. </div> </ion-view>
解决方法
我想获得类似的功能,并能够使用
ion-scroll使其工作.
<ion-scroll zooming="true" direction="xy" style="width: 100%; "> <div></div> </ion-scroll>
原文地址:https://www.jb51.cc/html/227485.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。