Finne enhetsbredde vha javascript og php

[Trengertipss]

Hei,

 

jeg klarer ikke å finne en egen kode for å gi enheter under en viss størrelse en egen css.

 

Har forstått det sånn at det ikke går i php alene. Har da forsøkt PHP og Javascript sammen og bare PHP, men det fungerer altså ikke!

 

<?php
$width = "<script language='javascript'>document.write(screen.width)</script>";
if ($width > 769) {
echo "<link rel='stylesheet' href='css/style_ipad.css' type='text/css'>";
}
else{
 echo "<link rel='stylesheet' href='css/style.css' type='text/css'>";
}
?>

 

Har kommet frem til denne koden, men fungerer som sagt ikke.

 

Er jeg helt på viddene? Noen som kan hjelpe meg med en kode i PHP eller Javascript?

[_dundun_]

Hva er det du vil løse for noe? Om du vil fore egen CSS til iPad bør du se på browser string. Om du vil endre CSS live i browseren er det en jobb for Javascript. I og med at PHP kjører på serveren og Javascript i browseren kan du ikke blande sammen kode på den måten du gjør her.

[Zt]

Les deg opp på noe som heter CSS Media Queries og Responsive Web Design.

 

Dette er ett fint sted å starte:

 

http://blog.teamtree...sive-web-design

 

Når du er ferdig med den så er det bare å søke opp flere guider

Endret 7. februar 2013 av Zt

[Trengertipss]

Takker for gode tips.

 

Var faktisk utrolig lett !

 

<link rel="stylesheet" media="only screen and (max-device-width: 768px)" href="css/style_ipad.css" type="text/css" />

 

Hadde en feil i selve CSS-en som gjorde at det ble litt tull i starten. Rettet opp og alt bra