Questions tagged [responsiveness]
Responsiveness describes the ability of an UI element or dialog to respond on user interaction within an acceptable time frame.
responsiveness
425
questions
0
votes
1
answer
36
views
How to make every post equal in size when responding to screen size
Inside the post div, there will be multiple post rows. Each row contains maximum 4 posts. So when there are 5 posts there comes the problem with responsiveness. First 4 posts (first row) will respond ...
1
vote
1
answer
38
views
HTML Table is not overflowing its container
I am trying to make an html table overflow its container to have a scrollbar on mobile, but it is not working.
Here's the code:
export default function Stats({ pokemon }: { pokemon: PokemonWithColor })...
- 63
0
votes
1
answer
43
views
Resize the image to avoid overflow
I am trying to get this image in my window. But the image is of a large size. I want the size of the image to shrink if the window size decreases and expand if it increases. with the present code the ...
0
votes
1
answer
29
views
is that any third party package or tool available to test the responsiveness of the UI in Flutter? [closed]
I have been working on flutter since couple of years. I have the low end pc and not able to test the UI for all the different sizes of the emulators and run the app on the real devices so is that any ...
1
vote
2
answers
49
views
Automatic font size - js
How do you make font size automatically adjust so that the text doesn't overflow?
const h1 = document.getElementsByTagName('h1')[0];
const content = document.getElementById('content');
let size = ...
- 13
0
votes
0
answers
7
views
shrink the grid item when screen is minimized
I have implemented angular-gridster2 to hold several widgets. They all work fine and are in place when displayed in the browser. But when the same view is used in mobile view, they are stacked one ...
0
votes
0
answers
34
views
How can I resolve this UI responsiveness error?
When a user downloads and opens our app, they are presented with a tutorial on how to use the app. If they hit the skip button, or continue once they've gone through the tutorial, they are supposed to ...
0
votes
1
answer
33
views
Closing my hamburger menu removes the navbar's responsiveness
I'm currently making a hamburger menu and its working fine. The problem arises when I try and make my website responsive. If I shrink the page, the buttons disappear and the burger menu icon appears. ...
0
votes
0
answers
75
views
How to restrict device width in flutter using screenutils?
Now issue i am facing is, i want to build the app for desktop aswell which has a wide screen. Screenutils is taking the width of whole device regardless the constraints of parent widget, is there a ...
0
votes
0
answers
21
views
Responsiveness seems different in VS Code and actual phone
*{
padding:0;
margin:0;
}
a{
text-decoration:none;
color:black;
}
ul{
list-style:none;
}
html{
color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
#sidebar a{...
0
votes
1
answer
45
views
media query not working properly in vs code
`@media(min-width:300px)and(max-width:400px){
div{
background-color: pink;
}
}`
I tried this while learning responsive websites. But in vs code this is not working. I had also checked ...
0
votes
0
answers
37
views
Flutter set Page View Builder height based on device display size setting
I am applying a PageView.builder in a SingleScrollView in my project and it requires me to give it a fixed height where I wrapped it with a SizedBox with a given height after that. However, when I ...
- 292
0
votes
0
answers
18
views
making a navbar responsive using css and html
i have a problem with a website am curntly working on
the html is this
"`<header class="header">
<button class="burger-switch"></button>
<...
1
vote
1
answer
58
views
Responsiveness is not working on the small and xs- screen
I have to create a content like this, however it is not behaving responsive when I switch to different screens.
I am attaching the screenshot for the smaller screen size and you can see the elements ...
- 219
1
vote
0
answers
130
views
how can i remove a meta viewport on a theme file editor on wordpress
How do I, remove meta viewport on Woodmart theme on Wordpress? because i don't want the responsive view on mobile i want the mobile view to be like desktop view and i cant find the meta viewport on ...
