我需要skeleton @ http://www.slutatnian.se/skolor/nosnas/
网站上的图片在代码下方,在计算机上im时可以正常工作。但是,如果我使用移动设备,则图片将在屏幕上底部,我希望图片在移动设备上的"nösnäsgymnasiumet"之后,但是我该怎么做?
(不要介意热键链,即我使用它,请参见列)
这是HTML代码。
<div class ="container">
<div class="nosnastitel">
<div class="eleven columns offset by one alpha" style="background-color:hotpink">
<h3>Nösnäsgymnasiumet.</h3>
</div>
</div>
<div class="six columns offset-by-one " style="background-color:hotpink">
<div class="infonosnas">
<h4> Om Nösnäsgymnasiet </h4>
<h5> Utbildning för dig </h5>
<p> Nösnäsgymnasiet är en skola med stort utbildningsutbud, många möjligheter, kompetens och engagemang. Vi har som målsättning att du som elev skall känna dig trygg på vår skola och få en utbildning som ger dig en bra start för framtiden. </p>
<br/>
<h5> Gemenskap och trivsel </h5>
<p> Här finns något för alla!
Vi har ett stort utbud av högskoleförberedande program, yrkesprogram, introduktionsprogram, lärlingsutbildning och gymnasiesärskola.
Hos oss kan du förbereda dig för högskolestudier eller yrkesliv, utveckla dina estetiska förmågor eller inrikta dig inom bland annat ekonomi, data, teknik och media. </p>
<br />
<h5>Många valmöjligheter </h5>
<p>Nära hav och natur
Skolan ligger på det vackra västkusten i lummig grönska och med utsikt över Hakefjorden. Ett stenkast bort finns salta bad, naturstigar och friskvårdsanläggning med simhall och idrottsplats. </p>
<p>I skolans centrala del ligger administrationen och elevbiblioteket som är öppet varje dag. Det finns också ett elevcafé och två skolmatsalar. Med några minuters promenadväg från Stenungsunds centrum har du snabb tillgång till buss och tåg. </p>
</div>
</div>
<div class="four columns offset-by-five omega">
<div class="nosnasbild">
<img src="skola2.jpg" alt="nosnasbild" /> </a>
</div>
</div>
</div>
通过添加同一图片但具有不同类别的两个图片来解决它。之后我使用了
.nosnasbild img{
display: none;
}
在CSS中。
,另一个我用作媒体查询,并使用了
.nosnaspic img{
display: none;
}
它不是最佳的解决方案,但效果很好。