Bilder und Text bei Responsive Webdesign werden nicht kleiner

[hierkarl]

Hallo, ich habe folgendes Problem: Meine Bilder sind auf einer Website, welche eigentlich Responsiv sein sollte, aber die Bilder und der Text werden ab einer gewissen grösse nicht mehr "zusammengedrückt"... Das grosse Problem daran ist, dass es noch vor der mobilen version aufhört kleiner zu werden, das heisst, auf der Mobilen VErsion muss man immer hin und her scrollen... Ich hoffe es kann mir einer Helfen

hier könnt ihr euch das ganze mal anschauen:

 

[hub]

Moin,
in deiner CSS:

h2{
    ...
    margin-right: 20em;
    ...

header {
    ...
    width: 30em;
    ...

U.A. daran musst du feilen

Gruß Ulli

 

[sagenclown]

Hallo, ich bin auch Responsive-Anfänger und ich hätte das so gemacht. Fall ich da falsch liege, nicht gleich erschlagen. Du solltest dein Logo und die Bilder trennen. Mit einer ID geht das. Etwa so.
---- HTML -----
<header><img src="Logo_Quicksand.png" id="logo"></header>
---- CSS -----
img{
width: 90%;
}

#logo {
width: 35%;
}

Gruß Udo

 

[TPHeinz]

Moin,

probiere es doch einmal mit max-width - z.B.

img {
max-width: 35%;
height:auto;
}