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
5,126
questions
522
votes
26
answers
710k
views
How to make a div fill a remaining horizontal space?
I have 2 divs: one in the left side and one in the right side of my page. The one in the left side has fixed width and I want the one of the right side to fill the remaining space.
#search {
...
- 54.7k
223
votes
14
answers
612k
views
How to make a <div> always full screen?
No matter how its content is like.
Is it possible to do this?
- 33.8k
181
votes
24
answers
349k
views
How to make flutter app responsive according to different screen size?
I am facing difficulties to make it responsive according to various screen sizes. How to make it responsive?
@override
Widget build(BuildContext context) {
return new Container(
...
- 2,896
101
votes
10
answers
563k
views
100% width background image with an 'auto' height
I'm currently working on a mobile landing page for a company. It's a really basic layout but below the header there's an image of a product which will always be 100% width (the design shows it always ...
- 2,225
88
votes
4
answers
89k
views
How can I respond to the width of an auto-sized DOM element in React?
I have a complex web page using React components, and am trying to convert the page from a static layout to a more responsive, resizable layout. However, I keep running into limitations with React, ...
- 2,095
71
votes
4
answers
198k
views
Media queries in Sass
I am wondering if there is a way to write media queries in sass, so I can give a certain style between let's say: 300px to 900px
in css it looks like this
@media only screen and (min-width: 300px) ...
- 1,903
59
votes
9
answers
172k
views
How to detect if screen size has changed to mobile in React?
I am developing a web app with React and need to detect when the screen size has entered the mobile break-point in order to change the state.
Specifically I need my sidenav to be collapsed when the ...
- 2,340
53
votes
9
answers
62k
views
How to prevent iOS keyboard from pushing the view off screen with CSS or JS
I have a responsive web page that opens a modal when you tap a button. When the modal opens, it is set to take up the full width and height of the page using fixed positioning. The modal also has an ...
- 3,789
45
votes
5
answers
78k
views
Tailwind CSS - Responsive breakpoints as components
How should I deal with responsive breakpoints as components in Tailwind?
Without Tailwind, I used to declare breakpoints as a scss mixins:
@mixin tablet-portrait {
@media (min-width: 700px) {
@...
- 2,615
44
votes
5
answers
92k
views
How to detect ONLY with CSS mobile screens
I've found a lot of threads here talking about CSS and mobile screens.
After searching, I couldn't find a solution for some devices. For example: Motorola Moto G4 Plus uses FULL HD width(1080px), only ...
- 443
40
votes
3
answers
34k
views
How can I make my ngx-line-chart responsive?
I'm using ngx-admin and I'm trying to make my ngx-line-chart responsive.
My chart is in a nb-card, and when I resize the window the nb-card is totaly responsive. So I want my chart to be resized to ...
- 1,295
35
votes
15
answers
436k
views
Fit website background image to screen size
I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to.
I wanted to make my website background fit any screen size in width, height does not ...
- 401
33
votes
1
answer
20k
views
Is fastclick js still needed?
I mean this:
https://github.com/ftlabs/fastclick
Is it still needed and important?
I know there are things related to viewport declarations concerning certain browsers. But It seems they are old ...
- 7,929
31
votes
1
answer
17k
views
How to change the flex order when wrapping?
I would like to achieve something that renders like this, depending on the screen size:
+---------------------------+
| A | B | C |
+---------------------------+
+---------------+
| ...
- 4,201
30
votes
13
answers
92k
views
Can't make chart js responsive
sorry if I missed anything to fix my issue, I've read and tried many solutions without any of them being adapted to the problem.
I have several charts (from chart.js) on a single page, but I can't ...
- 646