Stack Overflow
Stack Overflow

Questions tagged [device-width]

57 questions
1
vote
3 answers

What is the device-width of the Samsung Galaxy Note II?

I cannot find the real device-width of the Samsung Galaxy Note II for web browsers, I found 3 different values as 320px, 480px and 640px but I'm not able to know which is the correct one. By the way I found on Wikipedia the list of displays by pixel…
Nicolas Renon
  • 3,881
  • 2
  • 15
  • 13
1
vote
1 answer

Mobile media query, resolution and ppi simulator?

Are there any sorts of desktop tools or browser plugins that are able to simulate various mobile and tablet devices in order to properly test responsive designs? And I'm not just talking about changing the browser window size. Other items would need…
Jake Wilson
  • 88,616
  • 93
  • 252
  • 370
0
votes
0 answers

How to efficiently convert pixels to viewport units?

I have been building a Progressive Web App. For designing its layout, I have (erroneously) been using a viewport meta width of 720px, as it looked good on my mobile phone. To make it functional on any device, I changed the width to "device-width",…
enricw
  • 263
  • 4
  • 19
0
votes
3 answers

Image element same size as window: closed

I would like to have an image on my html site that is the same width of the site. I have obviously used the but the image still doesn't change size. I've even tried some css, but…
CodingDog
  • 11
  • 5
0
votes
1 answer

Why 1rem bigger then 1.1rem, 1.2rem etc

Text with font-size: 1rem bigger then it should be: The problem reproduces only with all of this conditions: ios horizontal orientation some text outside of span tag HTML code: …
Dima Pavlov
  • 115
  • 9
0
votes
2 answers

how to add responsive buttons for mobile? buttons needs to stack into a column. Having difficulty

My content needs to be responsive to all screen sizes and i'm almost there. the buttons need to stack into a tidy column but something is preventing this from happening. Please help offer an idea of how i can fix this. See the work so far. Thanks in…
Peter Rae
  • 51
  • 1
  • 7
0
votes
1 answer

Adjust cordova screen width on xhdpi

I've a problem with a Cordova app I'm working on. I used a mdpi device for my tests and everything looks fine. I've got a width of 800 and a density value of 1. My view port is set like this:
Christophe Thomas
  • 65
  • 8
0
votes
2 answers

How to get viewport considered as width=device-width in Fancybox

I would like to have two sizes of images, for small and large screens. With fancybox, I'm using the srcset attribute to change the fullview image as described in the fancybox demo, with something like this :
Olou
  • 102
  • 12
0
votes
0 answers

How to fix overflow issue when zoomin on desktop(mobile responsive website)

I am implementing a plugin where users can zoom in and out of web content as they wanted. The plugin is going to be implemented to any mobile responsive websites. I implemented the zoom in using For…
artgb
  • 3,177
  • 6
  • 19
  • 36
0
votes
1 answer

Mobile websites are presented wider than the device, once pinched is ok

I am designing Websites that needs to be responsive. My problem is that in mobile devices these Websites are presented wider than the screen at first. It means I could move it left or right, like the main-container is not "fixed" to 100%. But it…
Rafael Munoz
  • 636
  • 1
  • 7
  • 27
0
votes
1 answer

Is it viewport issue or what?

Body takes window sizes as planned, but if I click on mousewheel in Mozilla Browser or just scroll right/bottom in ipad I've got this margins. I assume that this happening because of some content, which first appears in document and then hides, but…
GProst
  • 9,229
  • 3
  • 25
  • 47
0
votes
1 answer

Is prefixing a media query with *, such as *-device-width, a valid query for the @media rule?

Some of our company's sites use @media rules where the query uses device-width, e.g. @media (max-device-width:800px) {} //various rules I was searching through our company sites' CSS to find any outdated rules when I came across this link. The…
The One and Only ChemistryBlob
  • 7,864
  • 10
  • 36
  • 69
0
votes
1 answer

CSS3 Media Queries - Chrome console

I'm trying to use Media Queries for various different viewport's. However it does not seem to be picking it up in my google chrome console. I have the following code: @media screen and (max-device-width: 1920px;) { html, body { …
Troy
  • 211
  • 1
  • 2
  • 15
0
votes
2 answers

HTML/CSS not working responsively when device is less than 400px wide

If someone could take a quick look at this code and give advice, that would be much appreciated. I have some images that resize correctly on both iPad and PC screens. However, as soon as you try it on a phone/reduce browser window size, the image…
Phil Buckthorpe
  • 23
  • 6
0
votes
1 answer

Why does device-width work on desktop browser?

I thought device-width only worked on tablets and other mobile devices until today. (Or maybe I was just wrong for a long time...) .test { width: 100px; height: 100px; padding: 5%; } @media only screen and (max-width : 1900px)…
Ashley M
  • 1
  • 1
1 2
3
4