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
142
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
1
vote
2
answers
1k
views
Bootstrap xs columns wrap
For the smallest xs size, even if I have the columns adding up to 12, they don't work as expected if screen width decreases beyond a certain limit. For instance:-
<div class="container">
&...
- 307
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
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
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
3
votes
3
answers
18k
views
CSS Email Template at Outlook does not display correctly
I am trying to make a HTML CSS Email template that can work on all email clients. I manage to get a simple one up. The template will display properly on Gmail, Hotmail but when it comes to Outlook ...
- 791
1
vote
4
answers
700
views
How to make a responsive widget?
I want to make a responsive widget. I want it to change to another style of screen when using a different device.
I've read multiple questions like this, but still can't find an answer. The answer is ...
- 4,503
0
votes
2
answers
2k
views
html/css responsive 3-column layout - stack right column below left column
I'm trying to get the right column of a 3 column layout to move below the left column on smaller screens. Right now the right column moves in the correct direction except that it hangs below the ...
- 1
6
votes
2
answers
5k
views
Flexbox: Alternate "row" and "row-reverse" according to row's number
I am trying to create a responsive layout with Flexbox which allows me to alternate both the directions row and row-reverse.
Maybe you can understand it better with some image (mind the order of the ...
3
votes
1
answer
6k
views
Bootstrap 4 collapse navbar with Angular 4
I want to make a navbar using Bootstrap 4 and Angular 2 that collapses his content on a button when the width of the browser reaches some value. I achieve this, and when the navbar collapses I can see ...
- 2,074
2
votes
2
answers
2k
views
The values of meta viewport attribute are not reflected when in full screen mode in android chrome browser
When I am in full screen mode in android using fullscreen api, the values of meta viewport attribute like initial-scale and user-scalable are not reflected in the browser. If I am not in full screen ...
- 582
0
votes
4
answers
1k
views
Responsive grid of squares within a responsive grid of squares
I am trying to make a grid of responsive squares, with each square in the grid containing another grid of responsive squares. Think of a sudoku board, which has 9 squares, each containing 9 squares.
...
- 63
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