Кордова, моя граница SVG и проблема ширины кадра - PullRequest
Новая
       22

Кордова, моя граница SVG и проблема ширины кадра

0 голосов
/ 14 ноября 2018

Я использую проект Phonegap для платформы Android и iOS.

На Android это идеально, но на iOS это так ..

Первая проблема: SVG привязан к iPhone:

Я использую iFrame для вызова моего сайта. На этом сайте у меня есть несколько SVG. На Safari mobile это прекрасно, но когда я использую с моим iPhone, SVG-привязку и процессор до 95% ..

Визуализация моего приложения на iPhone 7

Видно, у первого SVG есть проблемы ..

Только мобильный айфон! На моем iPad он идеально подходит для всех SVG. Когда я использую Safari Mobile для подключения ко мне на моем сайте, это тоже прекрасно. Это только через мое мобильное приложение.

Я не знаю, в чем проблема ..

Во-вторых, я не могу адаптировать мой iFrame к ширине. Или, если я могу, после, я не могу больше прокручивать ..

Код CSS: (На этом примере 

#window-iframe {
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  position: fixed;
  z-index: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
}

iframe{
  /*width: 96%;*/
  /*position: fixed;*/
  min-height: 100%;
  width: 100%;
  border: 0;
}
<div allowfullscreen id="window-iframe" style="width: 100%;overflow:auto;-webkit-overflow-scrolling:touch">
  <iframe id='switchgate' style='width:100%;' scrolling='no' src='https://deepl.com' ></iframe>
</div>

Я все обновил (телефонная пробка, Cordova, плагин Cordova, XCode, iPhone)

Пожалуйста, помогите мне!

Мой config.xml (ios): 

<feature name="LocalStorage">
    <param name="ios-package" value="CDVLocalStorage" />
</feature>
<feature name="Console">
    <param name="ios-package" value="CDVLogger" />
    <param name="onload" value="true" />
</feature>
<feature name="HandleOpenUrl">
    <param name="ios-package" value="CDVHandleOpenURL" />
    <param name="onload" value="true" />
</feature>
<feature name="IntentAndNavigationFilter">
    <param name="ios-package" value="CDVIntentAndNavigationFilter" />
    <param name="onload" value="true" />
</feature>
<feature name="GestureHandler">
    <param name="ios-package" value="CDVGestureHandler" />
    <param name="onload" value="true" />
</feature>
<feature name="Battery">
    <param name="ios-package" value="CDVBattery" />
</feature>
<feature name="CDVCertificate">
    <param name="ios-package" value="CDVCertificate" />
</feature>
<feature name="Device">
    <param name="ios-package" value="CDVDevice" />
</feature>
<feature name="File">
    <param name="ios-package" value="CDVFile" />
    <param name="onload" value="true" />
</feature>
<feature name="Globalization">
    <param name="ios-package" value="CDVGlobalization" />
</feature>
<feature name="InAppBrowser">
    <param name="ios-package" value="CDVInAppBrowser" />
</feature>
<feature name="Media">
    <param name="ios-package" value="CDVSound" />
</feature>
<feature name="NetworkStatus">
    <param name="ios-package" value="CDVConnection" />
</feature>
<feature name="CDVOrientation">
    <param name="ios-package" value="CDVOrientation" />
</feature>
<feature name="SplashScreen">
    <param name="ios-package" value="CDVSplashScreen" />
    <param name="onload" value="true" />
</feature>
<feature name="Vibration">
    <param name="ios-package" value="CDVVibration" />
</feature>
<feature name="Sync">
    <param name="ios-package" value="ContentSync" />
</feature>
<feature name="Zip">
    <param name="ios-package" value="ContentSync" />
</feature>
<feature name="Compass">
    <param name="ios-package" value="CDVCompass" />
</feature>
<feature name="Accelerometer">
    <param name="ios-package" value="CDVAccelerometer" />
</feature>
<feature name="Geolocation">
    <param name="ios-package" value="CDVLocation" />
</feature>
<name>test</name>
<description>

</description>
<author email="" href="http://">

</author>
<content src="index.html" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<icon height="57" platform="ios" src="www/res/icon/ios/icon.png" width="57" />
<icon height="114" platform="ios" src="www/res/icon/ios/icon@2x.png" width="114" />
<icon height="40" platform="ios" src="www/res/icon/ios/icon-40.png" width="40" />
<icon height="80" platform="ios" src="www/res/icon/ios/icon-40@2x.png" width="80" />
<icon height="50" platform="ios" src="www/res/icon/ios/icon-50.png" width="50" />
<icon height="100" platform="ios" src="www/res/icon/ios/icon-50@2x.png" width="100" />
<icon height="60" platform="ios" src="www/res/icon/ios/icon-60.png" width="60" />
<icon height="120" platform="ios" src="www/res/icon/ios/icon-60@2x.png" width="120" />
<icon height="180" platform="ios" src="www/res/icon/ios/icon-60@3x.png" width="180" />
<icon height="72" platform="ios" src="www/res/icon/ios/icon-72.png" width="72" />
<icon height="144" platform="ios" src="www/res/icon/ios/icon-72@2x.png" width="144" />
<icon height="76" platform="ios" src="www/res/icon/ios/icon-76.png" width="76" />
<icon height="152" platform="ios" src="www/res/icon/ios/icon-76@2x.png" width="152" />
<icon height="29" platform="ios" src="www/res/icon/ios/icon-small.png" width="29" />
<icon height="58" platform="ios" src="www/res/icon/ios/icon-small@2x.png" width="58" />
<icon height="87" platform="ios" src="www/res/icon/ios/icon-small@3x.png" width="87" />
<icon height="1024" platform="ios" src="www/res/icon/ios/icon-1024.png" width="1024" />
<splash height="1136" platform="ios" src="www/res/screen/ios/Default-568h@2x~iphone.png" width="640" />
<splash height="1334" platform="ios" src="www/res/screen/ios/Default-667h.png" width="750" />
<splash height="2208" platform="ios" src="www/res/screen/ios/Default-736h.png" width="1242" />
<splash height="1242" platform="ios" src="www/res/screen/ios/Default-Landscape-736h.png" width="2208" />
<splash height="1536" platform="ios" src="www/res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" />
<splash height="768" platform="ios" src="www/res/screen/ios/Default-Landscape~ipad.png" width="1024" />
<splash height="2048" platform="ios" src="www/res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" />
<splash height="1024" platform="ios" src="www/res/screen/ios/Default-Portrait~ipad.png" width="768" />
<splash height="960" platform="ios" src="www/res/screen/ios/Default@2x~iphone.png" width="640" />
<splash height="480" platform="ios" src="www/res/screen/ios/Default~iphone.png" width="320" />
<config-file parent="NSPhotoLibraryUsageDescription" platform="ios" target="*-Info.plist">
    <string>Advertisement would like to store a photo.</string>
</config-file>
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<splash src="www/splash.png" />
<icon src="www/icon.png" />
<access origin="*" />
<allow-navigation href="*" />
<allow-intent href="*" />
<preference name="AllowInlineMediaPlayback" value="false" />
<preference name="BackupWebStorage" value="cloud" />
<preference name="DisallowOverscroll" value="true" />
<preference name="EnableViewportScale" value="true" />
<preference name="KeyboardDisplayRequiresUserAction" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />
<preference name="SuppressesIncrementalRendering" value="false" />
<preference name="SuppressesLongPressGesture" value="false" />
<preference name="Suppresses3DTouchGesture" value="false" />
<preference name="GapBetweenPages" value="0" />
<preference name="PageLength" value="0" />
<preference name="PaginationBreakingMode" value="page" />
<preference name="PaginationMode" value="unpaginated" />
<preference name="KeepAVAudioSessionAlwaysActive" value="NO" />
<preference name="Fullscreen" value="true" />
<preference name="android-minSdkVersion" value="14" />
<preference name="stay-in-webview" value="true" />
<preference name="phonegap-version" value="cli-7.1.0" />
<preference name="UIWebViewBounce" value="false" />
<preference name="SplashScreen" value="screen" />

Cordialy.

...