coding a responsive site I want to implement a switch between a mobile version and a standard desktop version like the Wikipedia site does.
For this I should have to re-load the current HTML file but force it to use the CSS file for desktops although it is on a mobile screen such as an iPhone.
Is there any possibility to do so? I think Wikipedia uses PHP. But perhaps there is also a way with JS.
I would be very thankful for help. Thanks in advance.
@media handheld {
#foo { position: static; }
}
I think with USER_AGENT you can find if the user is using the site using web or mobile. Detect the user agent look for some specific information and on the basis of that load different css
$_SERVER['HTTP_USER_AGENT'];
You could also use a php script that checks for the end device, loading a corresponding css file, or even a completely different html document. I worked from this script.
<style>
@media screen
{
p {font-family:verdana} //an example with a paragraph
}
@media handeld
{
p {font-family:arial} //an example with a paragraph
}
</style>
This should work for both!! read up http://www.w3schools.com/css/css_mediatypes.asp
