Stack Overflow
Stack Overflow

Questions tagged [responsiveness]

Responsiveness describes the ability of an UI element or dialog to respond on user interaction within an acceptable time frame.

Responsiveness describes the ability of an UI element or dialog to respond on user interaction within an acceptable time frame.

413 questions
6
votes
2 answers

Bootstrap Static Column Width

This is more of a best practice question than anything. So, say I have two cols in Bootstrap and I want the right col to be set at 300px until it hits the 768px breakpoint then have it stack.
…
Philip Theobald
  • 73
  • 5
6
votes
2 answers

Bootstrap 3 Navbar Not Responsive

I've been testing my bootstrap site on various devices to ensure it's responsive. I've got everything resizing correctly for different display sizes except the navbar. On my browser, when I resize the window horizontally it seems to respond,…
John Halbert
  • 1,320
  • 2
  • 12
  • 23
5
votes
2 answers

Can we use Material UI with Bootstrap 4

I am developing a web app in react js and i am using material-UI for components but i,m bit confuse reagrding the responsiveness of my web pages. so i wanted to know that can i use Bootstrap 4 with material-Ui. any help would definetely be…
Vikas Singh
  • 1,791
  • 1
  • 14
  • 26
5
votes
2 answers

Java Snake Game avoiding using Thread.sleep

I made my first game in Java - Snake, it's main loop looks like this while (true) { long start = System.nanoTime(); model.eUpdate(); if (model.hasElapsedCycle()) { model.updateGame(); } …
Azathanai
  • 65
  • 6
5
votes
3 answers

Does the browser's address bar dimensions affect the CSS media queries?

While I was writing media queries for my website, I though about this: Does the browser's address bar affect the CSS media queries? When I code this: /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and…
Andrea Giachetto
  • 177
  • 1
  • 1
  • 8
4
votes
1 answer

100% width background image with an 'auto' height (2015) - Cross browser

Re asking this as the answers on this 2013 thread (100-width-background-image-with-an-auto-height) don't seems to work anymore. I need to make a responsive background image with 100% width and auto height. I would like to serve different images…
MeV
  • 3,761
  • 11
  • 45
  • 78
4
votes
0 answers

How to redirect with masking a domain with frame and preserve bootstrap responsiveness on mobile

I have read numerous posts on the problems but have not found a solution yet... so here is my new post. All my domains are hosted at GoDaddy. The main url is helloguest.com.au. I have setup heavenlyhyams.com.au to forward with masking to…
Paul Godard
  • 1,055
  • 1
  • 14
  • 30
4
votes
1 answer

How and Where to process AkkaPersistence persisted Events to make the information valuable and meaningful to the responsive UI?

I am quite familiar with how the PersistentActor and PersistentView work while implementing Akka Persistence. Consider the following example with the idea as far as I understand. A Scala case class Contact. case class Contact(id: String, version:…
PainPoints
  • 461
  • 8
  • 20
3
votes
0 answers

Responsive images: Combining different sizes with different resolutions

There are similar questions here but I didn't find a satisfying answer for myself. I want to combine the ability to display responsive images by viewport width and by resolution multiplicators ("x-descriptors"). here is my responsive image by…
low_rents
  • 4,481
  • 3
  • 27
  • 55
3
votes
2 answers

Webpage starts zoomed out on mobile devices

I have created a website for desktop and mobile, and it has to be responsive. My problem is that when I resize the browser all the content gets zoomed out instead of adapting. I also have an issue with the HTML. why is it only taking up 1/3 of the…
Jasmine Bassey
  • 33
  • 5
3
votes
1 answer

Layout responsiveness issue in Android

I have xml design with a Linear layout as root and inside this constraint layout is used. I have an issue (this) in responsiveness while using the layout validator. Please suggest me. LinearLayout and ConstraintLayout
Hubby Tiwari
  • 313
  • 6
  • 14
3
votes
2 answers

Pygame - Platformer jump when grounded is unresponsive

I was recently making a platformer game in pygame (Python version: 3.8.5, Pygame version: 2.0.1). I implemented a jump functionality where, whenever "a" key or up key is pressed and the player is grounded. Problem But this was too unresponsive: I…
Yatharth Gupta
  • 41
  • 3
3
votes
1 answer

Using hero Image in about section by scrolling and resizing on scroll

I am building my portfolio website and I thought of using the hero section image into the next section of about us by moving and resizing the image, as a guess I have fixed about the height of 700px up to which image has to scroll. But the problem…
Ashking007
  • 39
  • 4
3
votes
1 answer

One pixel added between block elements in Chrome responsive mode

When testing site responsiveness in Chrome responsive mode, there is 1px added between elements out of nowhere. It all looks good on Firefox, but on Chrome, on responsive breakpoints there is 1px which can be fixed by adding -1px negative…
Ivica Pesovski
  • 827
  • 7
  • 29
3
votes
1 answer

Render a different html page for requests from mobile device using only html css and js

I want to render my second HTML page differently for mobile devices and desktop devices. Since my second page is a little complex so I have decided to render two different sites. How do I achieve this using HTML, CSS and JS only? Edit1 - Thank you…
Kruthika C S
  • 729
  • 1
  • 7
  • 18
1
2
3
…
27 28