not a support questionHej Alle,
Jeg er igang med at forsøge mig med mit eget wordpress tema, dette vil jeg meget gerne have skulle være responsive. Men jeg er forsøgt mig rundt med at tilføje mere end et stylesheet i headeren, men det ser ud til ikke at virke.
Er der nogle der kan forklare mig hvordan jeg inkludere mere end et stylesheet?
Mvh.
Otto
Hvordan har du inkluderet det første?
du skal kigge lidt på hvordan man "detekterer" f.eks. hvilken opløsning der skal give hvilket stylesheet (eller måske nærmere hvilken del af stylesheet'et der skal læses).
søg lidt på google, eks.:
http://www.labnol.org/internet/responsive-web-design-faq/21361/
(bare som eksempel !!)
måske tage udgangspunkt i f.eks. skeleton eller et andet responsive theme - der findes også responsive frameworks til WordPress.
Jeg har skrevet det sådan her i min header:
<link rel="stylesheet" media="screen" href="<?php bloginfo('template_directory'); ?>/style.css" />
<!-- size specific stylesheets -->
<link rel="stylesheet" media="screen and (min-device-width: 320px) and (max-device-width: 767px)" href="<?php bloginfo('template_directory'); ?>/style_normal.css" />
<link rel="stylesheet" media="screen and (min-device-width: 768px) and (max-device-width: 1023px)" href="<?php bloginfo('template_directory'); ?>/style_mobi.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="<?php bloginfo('template_directory'); ?>/style_wide.css" />
Det ser rigtigt ud — hvilken fejl får du?
Får ingen fejl, der sker bare ikke nogen desideret fejl, den bruger bare kun min wide.css uanset hvor stor eller lille min browser er!
Det lyder mystisk, for det ser korrekt ud!
Er du sikker på du har de rigtige selectors i filerne?
Prøv noget helt simpelt, som at ændre baggrundsfarven på body i de forskellige filer, eller udskriv noget tekst via CSS content:
body:before{
content: "dette er wide.css";
}
Tak for dit hurtige svar!
Dette er hermed gjort, som du kan se i min head på sitet (hvis du bruger firebug eller lignende) er alle mine stylesheets forskellige farver og har lavet et pseudoelement som du siger med teksten, men den ignorere stadig cssfiler på nær wide.
prøv at skift min-device-width til min-width osv.
Du er for sej, det var device.width den lå i mange tak! Hvad er normal cotume for reputation points her inde?
Vh.
Otto
Du er for sej
Hvad er normal cotume for reputation points her inde?
Du skal være logget ind for at skrive.
