Jump to content

Search the Community

Showing results for tags 'media queries'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 7 results

  1. Dear all, Since bootstrap has container and container-fluid classes, does a heavy lifting, and is easy to use, I am inclined to think that css's media query has no advantage. I'd appreciate sharing any opposite opinion that sees usefulness/advantage in media queries.
  2. Hello, I have created a responsive html but at its max i want to limit it to three columns. How do it do that?
  3. I wrote media queries which until recently worked - the images are still resizing but for some reason the text has stopped resizing when I make the window smaller. I don't know what I might have done to render them non-functionable. Can anyone spot what it might be? Thank you very much. <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://use.typekit.net/qkv6kzb.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</sc
  4. there is a div id =certificate and inside that div there is a image ,image height < div heightpicture below shown theseactual sizes of div,imagefor responsive design when browser resize image size need to vary.when browser width reducing image need to be small without changing its aspect ratio . i mean it has to be like picture belowfor that i used for image width 100% now image is responsive but it has a another effect on image width it is image take all the width of certificate div.it leads to change aspect ratio of the image.its shown belowfor responsive design i need a way to keep aspec
  5. I have designed a website in asp.net & make compatible with 1024*768 resolution by using css media queries. following css media query i have used @media only screenand (min-width : 1000px) and (max-width:1024px){#div1{ width:1012px; height:460px; }#GridView2{ width:1012px; height:460px; } } at first, i have tested my website on IE8 on my own monitor screen (19 inch monitor), everything works fine for me but when i have tested same website on littile bigger screen (21 inch monitor) with 1024*768 resolution & IE8 browser, gridview felt shorter in heigh
  6. george

    Media Queries

    In my CSS script I have p { display:none; margin-left:20px; } /**** Use only when screen is 480 or less*/@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { #line { width: 96%; height:60px; border:#2ABF00 thick solid; } #line p { display:block; }}/**** Use for container width greater than 900*/@media only screen and (min-width:900px), only screen and (min-device-width:900px){ #letsc { width:96%; height:60px; border:#FF0055 thick double; } #letsc p { display:block; }} And my HTML <body><div id="letsc"><p>content > 900</p>&l
  7. Okay, so i have FINALLY got my hands on some good media query code fomr webdesigners wall. and have implimented it. there's one problem. my navigation is FINE it responds propperly, footer dissappears when i want it to. but the problem is when you resize the window, and watch it change, the Horizontal scrollbar pops up. and theres empty white space. what am i doing wrong?http://attilahajzer.host-ed.net/
  • Create New...