为什么我的下层div不在Android上居中，而在显示器上居中？
真菌类
我环顾四周，似乎无法找到解决问题的方法。
底部的两个div为何在Windows 8上以左右完美的一半被切开，但是在我的android s5上却没有居中？http://danny4help.com/
#grad4_left img {
height: 100%;
width: 100%;
border-radius: 10px 0px 0px 10px;
}
#grad4_right {
z-index: inherit;
height: 700px;
background-color: #F1EEF7;
top: 705px;
width: 50%;
left: 50%;
text-align: center;
font-size: 80px;
line-height: 40px;
color: #4A4A4A;
}
.grad#grad4_left {
z-index: inherit;
height: 700px;
background-color: black;
top: 705px;
right: 50%;
color: #4A4A4A;
width: 50%;
}
厄普西隆
You have several divs that have fixed widths in pixels, both above and below the incorrectly centered divs. These divs are wider than the body, so the viewport automatically expands to show the full width of those elements, making it seem as though your divs are incorrectly centered. Simply replace the pixel units of the width of the too wide divs with either percents of viewport units and you'll be good to go (e.g., .grad has a width of 1280px. Change that to 100vw). For a quick and dirty fix, add this block to the top:
* {
max-width: 100vw;
}
编辑：其他一些答案建议您不要在响应式布局中使用绝对定位。使用position: absolute实际上是OK，只要你使用的是相对单位（例如%，em，vw），而不是固定的单位（例如px，in，pt）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么我的 2 个按钮不在 Div 中居中？
- 2
Android ScaleAnimation不在屏幕上居中
- 3
为什么Filezilla不显示在我的任何显示器上？
- 4
为什么显示：表格未将div居中？
- 5
为什么位置绝对按钮在较小的显示器上重叠了我的内容？
- 6
为什么我的Dell显示器上挂有USB电缆？
- 7
为什么我的#lowerbody div不居中？
- 8
JLabel不在全屏上居中
- 9
在div上居中视口，不在视口中div
- 10
为什么div不在水平和垂直方向居中？
- 11
谁能告诉我为什么此文本不在Android Studio中居中？
- 12
尝试使div居中，以便当我切换显示器时它们保持相同大小
- 13
尝试使div居中，以便当我切换显示器时它们保持相同大小
- 14
离子导航栏：标题不在Android设备上居中
- 15
我把醋放在显示器上
- 16
为什么我不能居中？
- 17
在远程X显示器上打开一个窗口（为什么“无法打开显示器”）？
- 18
为什么我的主窗口不能在屏幕上正确居中？
- 19
文字不在球拍中的邮件％上居中
- 20
Bootstrap列不在移动设备上居中
- 21
组合框不在视觉上居中
- 22
文字不在球拍中的邮件％上居中
- 23
为什么框架不在Tkinter上显示
- 24
为什么我的Div偏向右侧而不是居中？
- 25
为什么我的重叠式div无法居中
- 26
为什么我的Div偏向右侧而不是居中？
- 27
为什么我的div没有水平居中？
- 28
为什么我不能将这个简单的 div 居中？
- 29
为什么我的收藏夹图标无法在服务器上运行，而在本地工作？
我来说两句