CSS not working in mobile browsers


http://mpkosis28.com/28cup

The site looks perfect when viewed from a laptop or a desktop. But when I tried to access it through my phone, it doesn't recognize the css file from the site and only loads the html portion. Read through other similar questions but they don't seem to have the same problem as I do. Any advice on how to fix it?

BTW, If you guys need the codes:

Here is a sample css file

EDIT: I use an android 4.2 phone, native browser


Answers:


You should use the following structure

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pruebas</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0;">
    <link rel="stylesheet" href="styleslocation/style.css">

</head>
<body>

    <!--Content here-->


</body>
</html>