Questions tagged [browser-width]

22 questions
8
votes
1 answer

Responsive web design : "How to resize a background image according to browser window size using CSS"?

I am creating a site where my all products images will be re-size according to browser window size so i wrote some media queries where i used one big image and re-sized it in different window size but i have one image which i used in background ,…
Jamna
  • 2,561
  • 7
  • 28
  • 22
4
votes
11 answers

A way to determine browser width in PHP without javascript?

First off is there one? Or would I have to use javascript? I'd like to be able to make changes to which CSS is used, so frex I could load smaller fonts for a mobile device, or whatever.
aslum
  • 11,774
  • 16
  • 49
  • 70
3
votes
3 answers

What browser screenwidth should I design for to support Mac OS?

Most statistics out there for browser stats show you the resolution of the screen. Thats fine for Windows where browsers typically open full screen and most people leave it as that. So if the browser stats say 1024x768 you just need to subtract a…
Simon_Weaver
  • 140,023
  • 84
  • 646
  • 689
2
votes
3 answers

How to set background image to keep its position while browser width is changing?

I am wondering how I could set the background image to keep its position on this site: http://www.jylkkari.fi/wordpress/ When you drag the browser under 960 px wide, the background of sidebar starts to move towards center. I found out this…
Ipi
  • 53
  • 4
1
vote
1 answer

Why is window.innerWidth smaller than screen.width even in full screen?

When my browser window is in full screen mode, the inner width of the window still seems to be smaller than my screen width. I am confused because (based on this thread) I thought that, if my inner window took up my entire screen, then it would have…
1
vote
5 answers

Subtract 1 from var with a value of 100 each time you resize your browser smaller then 1600x1020

Is it possible to subtract 1 each time I were to resize my browser smaller then 1600x1020? I know i need to start with a resize function but how do I go about store the new value where I can use in a new function? var resizeNum = 100; if…
user992731
  • 3,400
  • 9
  • 53
  • 83
0
votes
1 answer

How to prevent image that extends beyond the browser window setting the width of the page?

I have a long image that is currently serving as a navigation system for a site in development. You can see it here. This navigation system will eventually be split into smaller sections, but I imagine I may well see the same issues that I am…
Nick
  • 4,304
  • 15
  • 69
  • 108
0
votes
2 answers

100% Height and Width, CSS and Dynamic Content

I've looked around and haven't found QUITE what I'm looking for yet, so hopefully this question hasn't already been answered somewhere else! Anyways, the layout in question can be found HERE. What I am trying to achieve is a fixed width left…
Tom Winchester
  • 387
  • 2
  • 7
  • 22
0
votes
5 answers

Is it possible to perform a jQuery function in between certain browser widths?

Hello I have a jQuery function that I would like to work only between 1199px and 700px. Is this possible? I found the following code, it works so when it hits 1199px the function kicks in but how do I make it so at 700px the function stops…
cup_of
  • 6,397
  • 9
  • 47
  • 94
0
votes
2 answers

Can I link an external javascript within my CSS stylesheet?

I'm trying to set something up where my background would scale depending on the user's browser width, but I'm tied to a background set in the external stylesheet under a certain element. I can change the background, I can modify its attributes, but…
0
votes
2 answers

phantomjs image width not getting as expected

when i take screenshots using phanomjs using the following code works fine and I am getting width as 1920px and height is not a problem for me. var webPage = require('webpage'); var page = webPage.create(); page.viewportSize = { width: 1920,…
Mohan Kumar
  • 621
  • 1
  • 8
  • 25
0
votes
1 answer

Do not display a link if below particular browser width

I have a link: