Android 移动浏览器的布局问题
我对移动浏览器的页面宽度有问题。如果您在PC浏览器上访问页面,则布局与预期一致,但是如果您在android浏览器上访问,则右侧会有一个间隙 这一切加起来应该是1024倍宽,所以我不明白为什么它在移动浏览器上不这么做Android 移动浏览器的布局问题,android,html,css,Android,Html,Css,我对移动浏览器的页面宽度有问题。如果您在PC浏览器上访问页面,则布局与预期一致,但是如果您在android浏览器上访问,则右侧会有一个间隙 这一切加起来应该是1024倍宽,所以我不明白为什么它在移动浏览器上不这么做 我没有主意了。有人有多余的吗?希望这对你有帮助 例如: @media (max-width: 360px) { css code for your mobile layout(360px device) } @media (max-width: 320px) { css cod
我没有主意了。有人有多余的吗?希望这对你有帮助 例如:
@media (max-width: 360px) {
css code for your mobile layout(360px device)
}
@media (max-width: 320px) {
css code for your mobile layout(320px device)
}
这应该可以………添加到头部,并查看它的帮助:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
试试这个:
.widthContainer {
margin: auto;
max-width: 1024px;
text-align: center;
}
.utilNav {
width: 40%; <--remove this line
}
.widthContainer{
保证金:自动;
最大宽度:1024px;
文本对齐:居中;
}
乌蒂尔纳夫先生{
宽度:40%;你的页面没有响应,所以问题就在那里,让它成为响应。我只想修复目前存在的问题。我不想重建整个东西。谢谢,这可能会帮助你@ZaphodBeeblebrox,你可以用css媒体查询解决问题,而无需根据我当时阅读的媒体查询进行重建我会根据屏幕大小使用更多的css。看起来我必须在我网站的许多不同区域使用css。在这个时代,“智能”手机当然可以像真的电脑一样呈现网页!?!?谢谢,但我真的不想构建这个布局的另一个版本。我只想修复我的页面。肯定是possible?!@ZaphodBeeblebrox确定这是可能的。只需在媒体中编写一个css(最大宽度:360px){css代码来更正手机的布局}.不需要重建。我会给出一个样本是的,但我会为每个页面都需要新的规则。肯定有什么方法可以轻松解决这个问题吗?@ZaphodBeeblebrox如果你有一个通用的样式表,就没有必要了。应用样式将在全局范围内生效。不需要对每个页面都应用新的规则。是的,但举例来说,css代码会是什么我把它放在那里了吗?例如在主页上,我必须把它明显地缩小,但是页面上的所有图形都需要缩小,这样它们就不会缩小了?我确信在其他页面上,在媒体查询中制定一个规则会有敲打效应,我尝试过了,但它看起来更糟。我必须把它改回去,这样其他ppl才能看到我需要宽度:1widthContainer上的024px,否则在大屏幕上一切都会变宽:(我做了一些更改,现在试试。