Questions tagged [responsive]
Responsive is a tag to indicate a generic responsive website or web application programming or design topic. It's a more generic tag than 'responsive-design', and it serves for situations when you're specifically writing about programming (usually html/css/js). The word 'responsive' itself refers to the ability of a web application/website to respond and adapt its dimensions and interactivity across a wide range of devices and screen sizes.
responsive
2,305
questions with no upvoted or accepted answers
7
votes
0
answers
741
views
SwiftUI: Testing on iPhone 8 cuts part of the view, Adding to much height on certain components leads to white screen
I've been working on a project and using the simulator and preview with everything going well until I've loaded the app to my iPhone X. The result was a white Screen. It seems if I add to many ...
7
votes
1
answer
1k
views
bulma - adjusting typography sizing efficiently
I'm having a hard time figuring out the most efficient way to resize text for mobile. I know per the documentation, making the text size responsive to the screen is fairly straightforward, simply add ...
7
votes
0
answers
2k
views
CSS vmin equivalent for parent element
Is there a CSS equivalent to vmin that is relative to the smaller dimension of the parent element rather than the viewport?
I have a page with a navigation panel on the left, so only part of the ...
6
votes
0
answers
905
views
Google Lighthouse: Using wrong image of SRCSET
I am using an image slider (owl carousel 2) and have implemented images as follows:
<img loading="lazy" itemprop="image" srcset="
image-320.jpg 320w,
image-480.jpg 480w,
...
6
votes
0
answers
654
views
position: fixed with keyboard active on iOS Safari
I am trying to use position fixed to work well on iOS devices.
This is how it looks when the keyboard has not opened:
Screenshot: No keyboard active
For the above chat window I have used this piece ...
5
votes
1
answer
217
views
Responsive Navigator in React Navigation
I've been using expo & react-navigation for developing on both mobile & desktop and so far it's awesome! However, I need to display bottom tab in mobile & drawer in desktop. I've been ...
4
votes
0
answers
667
views
Storyshots don't respect viewport's width
I'm using Jest + Storyshots to test my (React) webapp, but the components are always rendered in a 1024px-wide viewport, even if I specify a different viewport in the story. Am I using Storybook the ...
4
votes
1
answer
620
views
Angular | Responsive | Adaptive | ResetConfig
Short Question
What is the difference between/or better approach for switching the routes with routes.resetConfig(newRouteArray) vs reload the angular application on resize event and creating the ...
4
votes
0
answers
1k
views
How to find if the device is having rounded corners in flutter?
I am looking for a way to determine whether Android device has screen with rounded corners and ideally also the radius.
4
votes
0
answers
642
views
make the jexcel javascript spreadsheet responsive to screen
I am trying to use Paul Hodel's "The Javascript Spreadsheet" click here
I have to specify width for each columns in colWidths. Spreadsheet is not viewable in different computer screens. Is it ...
4
votes
1
answer
778
views
Filtering labels to show user from Chart.js
I'm working on a Chart.js project, On it, I will have a bunch of data. If the user wants to see a specific date ex:(10/10/2019), I would like to get all the data from that specific date, show him, and ...
4
votes
0
answers
496
views
Responsive elements stop shrinking and go off screen
I'm making a Todo list and I'm having trouble with the CSS.
I have truncated the text for each item in the todo list using:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
...
4
votes
1
answer
866
views
Merge multiple carousel items into flex grid
Consider the following HTML:
<div class="wrapper">
<div class="carousel">
<div class="item"></div>
<div class="item"></div>
</div>
...
4
votes
1
answer
736
views
Responsive transformation of absolute positionned elements in css
I have absolute div blocks placed on certains spots of an image.
Since i want my image responsive, i would like to have the absolute blocks being responsive too. That's where i'm stuck : i could ...
4
votes
0
answers
2k
views
What can I do when "100vh" meets Chrome mobile tool bar
When I set a div like this
.exampleDiv {
height:100vh;
}
It works well on desktops
But on Chrome mobile, the moment I scroll the screen, the Chrome tool bar will appear, thus leading ...