Servus, ich möchte ein Logo über einem Hintergrundbild mit position: fixed; per scrollen beweglich halten. Doch wenn ich den Bildschirm verkleinere z.B. anzeige auf einem iPad, soll das logo nicht mehr mit scrollen und kleiner sein ....
kann ich die größe des Logos in der .css datei ändern??? wenn wie ??? ich baue grad selbst eine website und ja versuche mir alles selbst beizubringen..
hier meine html datei:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>x.de</title>
<link rel="stylesheet" href="css/main.css" media="screen"/>
<link rel="stylesheet" href="css/small_main.css" media="screen and (max-width: 800px) and (min-width: 320px)"/>
</head>
<body>
<section id="section01">
<img/ src="img/x.jpg">
</section>
<section id="section02">
<a href="index.html"><img/ src="img/x.gif"><a/>
</section>"
</body>
</html>
und hier die .css datei: die zweite habe ich auch erstellt doch brauche ich ja nur für eine die Info und kann sie dann für die andere css selbst ändern...
body {
margin: 0;
}
#section01 {
width: 100%;
position: absolute;
}
#section02 {
margin: 100px;
position: fixed;
}
hoffe mir kann wer weiterhelfen...
im voraus Danke...