Question

我希望有人可以提供帮助。我在改变方向时正在建立的响应式网站遇到了对齐问题。所以我使用以下css来尝试修复我的网页。奇怪的是它具有缩小网站其他地方的其他图像的效果，这样每次我改变相对于它们旁边的固定宽度对象的方向时，它们会逐渐变小，这些对象保持相同的大小。所讨论的图像变化与下面的代码中的css标签不同，但是具有％尺寸。当我删除下面的CSS代码时，奇怪的行为就会停止。

问题中的4个对象是连接到apache wickets的div。它们位于一个页面中，该页面分为3个带表格的区域（不要问。）其他两个区域有固定宽度的对象，不受影响。

这个意外的事情发生在我的iPad上，但不是我的Android平板电脑。在iPad上，它发生在Safari和Chrome中。我可以通过在CSS中为iPad对象提供固定大小来修复它，但我更了解发生了什么。这是CSS

@media screen and (orientation:landscape) 
#Button1 {
clear:left;
float:left;
width:380%;
padding-top:0%;
padding-bottom: 0%;
padding-left:20%;
min-width:220%;  }
}

@media screen and (orientation:landscape) {
#Value1 {
clear:left;
float:left;
padding-left:20%;
font-size: 520%;
font-family:"Times New Roman", Times, serif;
font-style: normal;
line-height: normal; 
color:#CF3;
}   
}

@media screen and (orientation:landscape) {
#Button2 {
clear:left;
float:left;
width:380%;
padding-top:5%;
min-width:220%;
padding-left:20%;
}   
}

@media screen and (orientation:landscape) {
.symbol {
font-size: 320%;
color: #FFF;
}   
}

跟随肖像的相应条目，以便有纵向和浏览器模式的选项。如果有人能解释这种行为，我最感兴趣和感激。要重新进行迭代，当我更改其方向时，网站其他部分的图像会受到影响，并且只能在iPad上进行。在所有平台上，作为此CSS目标的图像的行为完全符合预期。

CSS iPad定位问题

0 个答案: