[SOLVED] Different view in iOS vs Chrome

I have problem with different view in my page. problem

Also here in title (city select) - mykeep dot ru

How I can remove grey lines above and down city select in order to make equal view?

Thanks,
Vakhtang

What “theme” is in app config?

There is

theme: ‘auto’, // Automatic theme detection

in app.js

Set in app theme: “md”

I have 2 places with theme settings:

  • js/framework7.min.js
  • js/app.js

I changed in app.js and in 2 places in min.js, but grey lines also in objects.

After theme changing:

In desktop browsers (Safari & Chrome) all perfect.
In mobile (iPhone 7 with Safari & Chrome) old problem with grey lines.

Мне кажется переменная app переопределяется в теле самого HTML, соответственно слетают настройки темы, попробуй убрать в cсамом HTML var app = new Framework7();

  • в самом app.js переопределяется в конце
  • js/framework7.min.js - это не трогать никогда

  • js/app.js поставить тему на md, т.к. разные темы с разными стилями

  • In desktop browsers (Safari & Chrome) all perfect." - так будет md-тема

  • In mobile (iPhone 7 with Safari & Chrome) old problem with grey lines. - так будет ios-тема

Если это Кордова, то переопределение может и получится, т.к. init отложен до deviceready (по умолчанию), но так делать, конечно, нельзя.

Нужно так:
var app = new Framework7({

theme: 'md',


});

Супер!!! Все заработало:

  1. Убрал двойное определение в HTML странице
  2. В app.js было внизу, как ты правильно написал, определение myApp вместо app - тоже убрал - все заработало!!!

Большое спасибо!!!

1 Like

Спасибо.

Мы хотим сделать так, что бы в Android/iOS было одинаково и сейчас как раз так и получается.