la désactivation de défilement horizontale sur un iPhone site web

Je suis en train d'élaborer une version iPhone de un WordPress site et je me demandais si il n'y a aucune méthode pour désactiver le défilement horizontal lorsque le site est ouvert dans Safari pour iPhone. Maintenant, je suis à mi-chemin à travers le développement et juste pour vérifier si je pouvais désactiver le défilement horizontal, j'ai caché l'un quelconque des éléments qui ont été excédant la largeur de l'écran mais je peux encore faire défiler horizontalement vers la droite. J'ai essayé de mettre le code suivant à l'intérieur de la <style> balises dans le <head> mais cela n'a pas aidé:

body { overflow-x: hidden; }

J'ai mis la suite de <meta> code à l'intérieur de la tête de fichier à echo si l'utilisateur consulte le site web à partir d'un iPhone, mais il ne désactive que l'utilisateur pincement c'est à dire vous ne pouvez pas zoomer et dézoomer en pinçant l'écran.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Je suis actuellement en utilisant un iPhone 4 afin de vérifier le site web et le site peut être consulté en allant sur ce lien: http://ignoremusic.com. À la recherche d'une solution de vous les gars, merci.

SOLUTION: Comme suggéré par @Riskbreaker, il y avait quelques éléments qui ont été dépassant la largeur de ~312px c'est pourquoi je pouvais encore
balayez vers la gauche et après le réglage de la largeur de l'ensemble de ces éléments,
J'ai désactivé glissement horizontal. Une chose que j'ai appris, c'est que cacher
overflow-x n'aide pas dans le cas d'un iPhone/iPad, vous avez pour
réduire la largeur de tous les éléments pour que la largeur de votre
l'écran sinon vous aurez toujours la possibilité de glisser horizontalement.

donc, selon votre "solution" de la section existe - il un moyen de forcer la désactivation de défilement horizontale si il y a des éléments à l'écran?

OriginalL'auteur Fahad Hasan | 2013-04-08