Tag: css

Champ de saisie caché lorsque le clavier logiciel apparaît dans phonegap

Création d'une application mobile à l'aide de Phonegap 3.6.3 pour Android et iOS. Le problème est uniquement pour Android, car iOS agit comme je le voudrais. Lorsque je clique sur un champ de texte d'entrée ou une zone de texte, un clavier doux apparaît. Il couvre parfois ces éléments. Les pages sont placées dans un […]

Demandes de médias Android WebView et CSS

J'ai une page Web de base qui répond correctement à la taille de l'écran et aux changements d'orientation (en utilisant les requêtes du support CSS) lorsqu'elles sont affichées sur Chrome sur une tablette Android (Nexus 7). Lorsque je affiche la même page dans un WebView, les requêtes multimédias basées sur la largeur de l'écran ne […]

Développement Web Android … La largeur Div (plus de texte interne probable) change en pixels en fonction du zoom de l'appareil

J'ai développé une application qui s'interface avec le système d'alerte d'urgence d'une institution. Dans sa façon de fonctionner, lorsqu'il y a une alerte, sur l'ensemble des pages Web de l'institution, il affiche une marquise de défilement en haut de la page qui est mise en place par javascript à l'aide de protope et scriptaculous. Tout […]

Chrome pour Android n'explique pas Google Webfonts correctement

J'ai recréé le problème que j'ai en utilisant font-family CSS et Chrome pour Android. Le navigateur Web n'héritent pas correctement des polices et, à la place, utilise la police de secours. Cela semble être un bug déjà signalé sur Google ( http://code.google.com/p/chromium/issues/detail?id=138257 ). L'ajout de <meta name="viewport" content="width=device-width, initial-scale=1" /> au HTML est supposé résoudre […]

@ Font-face ne fonctionne pas dans les navigateurs Android

Les déclarations @font-face fonctionnent bien dans tous les principaux navigateurs (including Chrome for Android) exception du Android Browser et de Firefox for Android (à partir de http://oftn.org/css/global.css ): @font-face { font-family: "OFTN Aller"; src: url("../fonts/OFTN-Aller-Bold.woff") format("woff"), url("../fonts/OFTN-Aller-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "OFTN Aller"; src: url("../fonts/OFTN-Aller.woff") format("woff"), url("../fonts/OFTN-Aller.ttf") format("truetype"); font-weight: normal; […]

Comment est-ce que je peux standardiser les hauteurs de ligne Helvetica Neue cross-browser (pas sur le texte en gras)?

Je développe donc un site qui devra fonctionner sur une multitude de navigateurs, qu'il s'agisse de bureau, de mobile ou de ce que vous avez. Les concepteurs, comme le font souvent les concepteurs Mac, ont utilisé Helvetica Neue comme source pour l'ensemble du site. J'essaie de le faire fonctionner via l'inclusion de @font, et il […]

@ Problème de rendu face à la police sur la balise de paragraphe, Chrome Android 4

J'ai un problème étrange dans Chrome sur une tablette Android Nexus 7, Android. Lorsque j'essaie de style une étiquette p avec une police Web, la police ne sera pas rendue jusqu'à ce qu'elle soit après une certaine taille em ou px : Le CSS: @font-face { font-family: 'mija'; src: url('/assets/fonts/mija-reg/mija-reg.eot'); src: url('/assets/fonts/mija-reg/mija-reg.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/mija-reg/mija-reg.woff') format('woff'), […]

Android / Mobile Webkit CSS Background-Attachment: Correction de ne pas fonctionner?

Est-ce que je viens de devenir fou, ou l'attachement d'arrière-plan: réparé? Vraiment pas fonctionner dans le navigateur natif Android? J'ai déjà implémenté une solution simple en utilisant deux divs au lieu d'un … Le premier div est positionné absolument et contient l'image d'arrière-plan fixe, l'autre div va sur le dessus et contient le contenu défilant. […]

Le navigateur par défaut d'Android crée une barre de défilement horizontale pour un design réactif

Le navigateur par défaut d'Android , montre mon site plus large et crée une barre de défilement horizontale. Voici les captures d'écran du problème: (Chrome vs navigateur par défaut) Ma fenêtre est: <meta name="viewport" content="width=device-width, initial-scale=1"> Que devrais-je faire?

Permet de faire défiler la barre de défilement en contenu ionique

J'utilise overflow-scroll = "true" pour faire de l'utilisation ionique le défilement natif: <ion-content overflow-scroll = "true"> <ion-list> <ion-item ng-repeat="foo in bar"> {{foo.label}} </ion-item> </ion-list> </ion-content> Cela fonctionne vraiment bien (les performances sont vraiment bonnes). Le seul problème est que la barre de défilement (verticale) a disparu. Selon la documentation , j'ai essayé d'ajouter la scrollbar-y="true" […]

coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.