2016-04-07 2 views
1

J'ai du mal à comprendre le problème, et encore moins à l'expliquer, alors j'ai une idée du problème.Site mobile rend les pixels CSS à une résolution de pixel physique?

Screenshot of the mobile page

J'utilise des rapports de 100% et 100vw pour des largeurs d'éléments. Tout est rendu à la bonne échelle, et quand j'inspecte l'élément, il dit que c'est la bonne largeur, mais il semble que ce soit à la taille réelle des pixels physiques de l'appareil. Je pourrais avoir complètement tort à ce sujet, je ne suis pas entièrement sûr. Je n'ai jamais rencontré ce problème particulier auparavant.

Comme vous pouvez le deviner, j'ai besoin du corps de la page pour remplir la largeur de la fenêtre de l'appareil mobile. Toute aide est géniale. Merci.

+0

avez-vous un lien externe pour regarder? –

+0

quirksmode.org: [Un pixel n'est pas un pixel n'est pas un pixel] (http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html) – CBroe

+0

Je l'ai lu il y a quelques minutes. J'ai déjà la balise meta. – Jasper

Répondre

2

Le problème est dû à ce qui suit:

<footer> 
    <nav class="row">...</nav> <!-- This has a width of 1100px --> 
</footer> 

Retirez le fixe avec le nav.row et cela devrait fonctionner.

+0

Je voudrais vous donner le crédit pour la réponse, mais votre solution est dans les commentaires. Si vous changez votre réponse pour montrer le problème que vous avez trouvé, je l'accepterai. – Jasper

+0

@TheQZ c'est fait. Merci! –

0

Désolé de perdre du temps pour tout le monde, c'était juste un élément indésirable qui était trop large, mais le débordement était caché donc je ne pouvais pas le voir. Je suppose que c'est ce qui arrive quand votre feuille de style devient trop longue.

Merci pour votre aide.