html移动版，页面调整大小和滚动页面加载后出现

Question

我正在尝试做一个响应式网站，为手机也工作。我的问题是，当我试图进入我的手机网站，它看起来不错，直到页面加载，之后，页面调整大，使自己更大，滚动宽度和高度apears。

有什么我可以添加，使其采取屏幕的大小？ 先谢谢你了，丹尼尔！

Answer 1

尝试的页面宽度设定为100％

体{ 宽度：100％; }

Answer 2

没有源代码，我们无法知道您的网站为什么不适合屏幕。 尝试我使用Eric Meyer的重置CSS的那些种类的CSS重置，看看在你的CSS像

@media (max-width: 640px) { 
    body { 
    width: 100%; 
    } 
} 

更多的CSS样式从alsacreations

@media (max-width: 640px) { 

/* passer tous les éléments de largeur fixe en largeur automatique */ 
body, element1, element2 { 
    width: auto; 
    margin: auto; 
    padding: auto; 
} 

/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */ 
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { 
    max-width: 100%; 
} 
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */ 
img { 
    height: auto; width: auto; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
} 

/* gestion des mots longs */ 
textarea, table, td, th, code, pre, samp { 
    word-wrap: break-word; /* passage à la ligne forcé */ 
    -webkit-hyphens: auto; /* césure propre */ 
    -moz-hyphens: auto; 
    hyphens: auto; 
} 
code, pre, samp { 
    white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
} 

/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */ 
element1, element2 { 
    float: none !important; 
    width: auto !important 
} 

/* masquer les éléments superflus */ 
.hide_mobile { 
    display: none !important; 
} 

/* Un message personnalisé */ 
body:before { 
    content: "Version mobile du site"; 
    display: block; 
    color: #777; 
    text-align: center; 
    font-style: italic; 
} 
}