Tagged Questions

0
votes
3answers
27 views

CSS: media queries to match width < x and width >= x. Weird behavior

I am working on an adaptive website design and am using specific css media queries to match a small display width. For small displays I am using: @media screen and (max-width: 34em) {} For bigger ...
0
votes
1answer
26 views

Media query behavior with android devices

I am working in the phonegap/android. I had to use an image which was of size 304 * 250. It is working perfectly in screen size of 320 * 480 and screen size of 720 * 1280. Now When I wanted to check ...
1
vote
1answer
28 views

media query, changing left position is not working?

I tired many ways, but I can't get this media query to work. "#Content" just doesn't change left position when I resize the window ! must be a way to make it run correctly ! Here's the code: ...
0
votes
1answer
25 views

Media queries not working in smartphone

Dear friends i am having strange issue. I completed a website and was using screenfly from quirktools to see how it would appeare on tablets and smartphones..... it look fine When i viewed the site ...
0
votes
2answers
28 views

Media Queries and CSS Performance

I want to start nesting my media queries in SCSS rules like Chris Coiyer explains here: http://css-tricks.com/naming-media-queries/ E.g. #breadcrumbs { display: none; @include font-size(13); ...
-1
votes
0answers
28 views

need a photo grid layout [closed]

I need a photo grid layout that takes up 100% width and 100% height at all times. I need enough images to fill the page. On resize, the browser can load less or more images accordingly. Below is a ...
1
vote
1answer
36 views

media queries not working on firefox

I have been working with this new technology for me (Responsive Design) and i hate the problems which i don't know the answer, i get frustated :/ Here is my code : http://jsbin.com/ejadej/1 With the ...
0
votes
1answer
20 views

Web page using media queries for different resolutions

I am using media queries in this code to create a web page which would look alike for different resolutions. When I try to change the resolution,footer size and header size reduces ( actually half of ...
0
votes
3answers
43 views

How to disable media queries support in firefox?

I have a mobile website that is styled with extensive use of CSS3 Media Queries. I want to do a version for browsers that don't support Media Queries by adding an extra css file for them, that ...
0
votes
1answer
23 views

media query for nexus 10 only?

I'm having trouble specifically targetting the nexus 10 with a media query. It would be simple if I could just do -webkit-min-device-pixel-ratio: 2.0, but I also need it to look good on a Chromebook ...
0
votes
1answer
18 views

css3 media query not working only in specific div

I have a bunch of media queries on my page but for some reason the one I have that targets a div in my footer won't work. Is there something I'm doing wrong with the notation? @media only screen and ...
0
votes
3answers
65 views

How to make an image link to a phone number only on mobile using CSS and HTML?

Instead of just having text for example If I do <a href="tel:18001234567">1-800-123-4567</a> then it will be broken on desktops. If I do (800) 123-4567 then it will display as the number ...
0
votes
1answer
36 views

media query for vertical scroll

Is there a way to detect vertical scroll distance with a media query? It seems that media queries are designed around detecting the medium (shocking right :P) so things like browser height are ...
0
votes
1answer
22 views

Abbreviating h1 text in CSS Media Query

I have a <h1> element that has the text "WHERE LIONS ROAM" (the name of my site which you can see here: http://www.wherelionsroam.co.uk). How would I shorten the text to just "WLR" for mobile ...
0
votes
2answers
23 views

css for media queries and height issue

I have an image background for a div that I want to show on different devices, The problem is that I have to give height of the image in order to fit it correctly. Now on different phones, I have to ...

1 2 3 4 5 … 30
15 30 50 per page