我正在尝试制作一个响应式网站,也适用于手机。我的问题是当我试图在我的手机上进入该网站时,它看起来还不错,直到页面加载,之后页面调整大小使其自身变大并在宽度和高度上滚动出现。
有什么我可以添加以使其占用屏幕大小的吗?提前谢谢你,丹尼尔!
没有源代码,我们无法知道您的网站为什么不适合屏幕。尝试在您的 CSS 中查看一些内容,例如
@media (max-width: 640px) {
body {
width: 100%;
}
}
来自alsacreations的更多 css 风格
@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;
}
}
尝试将页面宽度设置为 100%
身体{宽度:100%;}