我使用dotnetnuke创建了一个具有响应皮肤的网站。 在“普通”版本中,它工作正常,但有一个页面不能在移动版本中显示其内容。
这是相关网页http://www.ikuben.no/Bedriftene.aspx
当我在我的电脑中浏览它时,这就是我得到的
我在我的模拟器中浏览它,这就是我得到的
这是进入Html Pro模块的每个图像/文本的html / cssI用法,
<div class="bottomborder">
<div class="marginright">
<img alt="" width="139" height="139" src="/portals/85/Bedrifter/Logoer/AkerMidsund_hvit.png" class="Images" />
</div>
<div class="overflow">
<a class="LinksMenu LeftMenu HoverLinkH1" href="http://www.akermidsund.no">Aker Midsund</a>
<br />
<br />
<p> Aker Midsund er verdensledende innen vårt fagområde! Gjennom 40 år har vi tilegnet oss ekspertise innen mekanisk design og fabrikasjon av trykktanker o.l. </p>
<br />
<a class="LinksMenu LeftMenu HoverLink" href="http://www.akermidsund.no">www.akermidsund.no</a><br />
</div>
</div>
.bottomborder {
border-bottom:#dfdede solid 1px;
margin-top: 30px;
padding-bottom: 10px;
padding-left: 10px;
width: auto;
height:auto;
}
.marginright
{
margin-right: 30px;
float: left;
}
.overflow
{
overflow: hidden;
}
.LinksMenu.LeftMenu.HoverLinkH1, A.LinksMenu.LeftMenu.HoverLinkH1:link, A.LinksMenu.LeftMenu.HoverLinkH1:visited, A.LinksMenu.LeftMenu.HoverLinkH1:active
{
padding-left: 0px;
color: #472676;
font-size: 22px;
border-bottom: 0px;
}
文本应该保留在移动版本中的图像下方。 但是我怎样才能让图像留在左边?
答案 0 :(得分:0)
这就是全部。现在它正在发挥作用。
@media handheld, only screen and (max-width:450px) {
.marginright{float:left;}
}