Mobile devices

[dunderhonung]

Is it possible to show different content depending on mobile device?

 

I would like hide some stuffs like pictures and sidebars for handheld devices without using display:block in the css.

 

 

[Muddy_Funster]

That's one for javascript/AJAX.  But yes, it is possible.

[Zola]

You can set them to display none via media queries in CSS ?

 

Or you could rearrange your layout depending on the devices screen size.

[redsmurph]

A tried solution that works on the server side is WURFL. I use the database version. Nowadays you can determine at least display size via Javascript instead. WURFL provides much more than that though, e.g. supported media file formats etc. The issue with WURFL is that it's never up-to-date, as new mobile devices are released daily. The PHP library tries to find near matches if there's no exact user agent match, but it doesn't always find something comparable.

[dunderhonung]

That's one for javascript/AJAX.  But yes, it is possible.

 

Can I do it without JS? my school instructions dont let me use JS.. :/

[dunderhonung]

You can set them to display none via media queries in CSS ?

 

Or you could rearrange your layout depending on the devices screen size.

 

If I set them to display none it will still load the pictures ?