CODEWITHSUNDEEP
javascriptjqueryhtmlcss
fsjkfekjhfek
fsjkfekjhfek

Reputation: 33

Can I make html tags work based on screen sizes?

I was looking at some of my code in Safari when I resized the page and it didn't look great. I need to restyle it, and using the media tag I added another style sheet. It looks better now but there are still some aspects of the page that don't look good that I could easily fix with html. When I add the html, the page starts to look better but then when I make the browser full page is look weird. Is there a way to make an html tag work based on the screen size? I am looking for something like the "media" tag used when linking a style sheet. I also have JavaScript and jQuery on my site if that helps, but that's it.

Upvotes: 3

Views: 62

Answers (2)

Code Warrior
Code Warrior

Reputation: 438

you can use this

 @media

example this will only on width of 500px or higher

@media (min-width:500px)
{
    /*Class name*/
    {
      /*properties*/
    }
}

similarly you can specify max width but to save time you should use popular framework bootstrap compatible with jQuery

Upvotes: 1

Rohit Gaikwad
Rohit Gaikwad

Reputation: 1

if you want that html tag work based on the screen size then you need to work on responsive css or you can you any framework like bootstrap or foundation many more available for html and css where u can get visibilities classes for you html

Upvotes: 0

Related Questions