There's something wrong with my stylesheet css. Help!


#1

I use a link tag to link my css to my html which is

link rel="stylesheet" type="text/css" href="responsive.css" (of course with the open and close tags >/<)

and
I use this code below for my stylesheet css which i got from a web.

@media screen and (max-width : 1280px)
{
/* For Size Screen Less than 1280px —*/
/* CSS CODE HERE FOR DESKTOP —*/
}
@media screen and (max-width : 1024px)
{
/* For Size Screen Less than 1024px —*/
/* CSS CODE HERE FOR TABLETS —*/
}
@media screen and (max-width : 768px)
{
/* For Size Screen Less than 768px —*/
/* CSS CODE HERE FOR SMALL TABLETS —*/
}
@media screen and (max-width : 640px)
{
/* For Size Screen Less than 640 —*/
/* CSS CODE HERE FOR IPHONE —*/
}
@media screen and (max-width : 480px)
{
/* For Size Screen Less than 480px —*/
/* CSS CODE HERE FOR SMARTPHONES —*/
}
@media screen and (max-width : 320px)
{
/* For Size Screen Less than 320px —*/
/* CSS CODE HERE FOR SMALL MOBILES —*/
}

BUT!

  • It only works when I minimize my screen size

  • the font does not work as the font size I want

  • It works well before this :frowning:

any suggestion?


#2

This topic was automatically closed after 7 days. New replies are no longer allowed.