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,125
questions
0
votes
0
answers
144
views
Website issue - large, high res images displaying as low quality on iPhone; loading high quality on Android and Desktop
I have a website with large, high-quality images. The quality level looks as expected on Desktop and mobile devices when using Android.
However, I have issues with iPhones when I zoom into the ...
0
votes
0
answers
33
views
Media Queries Max-Width is not applied even though I am on mobile view (Browser)
I have a website in Astro and using SCSS.
I have a weird bug with the media queries.
I have this styling
@media screen and (max-width: 768px) {
.p-content {
&_inner {
...
- 990
0
votes
1
answer
45
views
Woocommerce wordpress responsive images
I wondered if it's possible to make the WooCommerce thumbnail images responsive. Currently, there is only one image size for the thumbnails, and I would like to add the src set attribute with further ...
-2
votes
1
answer
26
views
How can I make this div container reponsive, media query tends to show no effect on its width
I am trying to make a container that contains some commands for my bot. Everytime the screen size reduces, the container and the element messes up. Ps for some reason, width property doesnt work on it....
- 11
0
votes
3
answers
3k
views
How can I make the Android RecyclerView responsive to fit the screen initially?
Sometimes RecyclerView shows empty spaces at bottom if the screen is large or it has fewer items to cover the screen. Also sometimes it shows some items partially if it has more items. What I want is:
...
- 280
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 })...
- 8,838
-1
votes
0
answers
38
views
Bootstrap 5.3 responsive font wrong priority order
I'm using bootstrap 5.3 and have added the below code to the scss to add responsive font.
The issue is that the fs-lg-3 is taking priority over the fs-xl-2 and the font for the wider screen is ...
0
votes
0
answers
22
views
Unable to scroll sticky Footer on mobile view (Footer reveal effect) - overflow-y not working on iphone-14/pixel-7/iphone-12/Galaxy s20 ultra
I've made a footer reveal effect using css, using following two classes:
Content class applies to wrapping div above the footer.
.content {
min-height: 100vh;
background-color: white; /* ...
0
votes
0
answers
10
views
How to Center a Form Horizontally and Maintain a Fixed Vertical Position Across All Devices? [duplicate]
I'm working on a responsive web design and need to center a form horizontally while keeping it at a specific vertical position across different devices (desktop, tablet, and mobile). The form should ...
- 1
0
votes
0
answers
48
views
content hidden in specific mobile width
the content of my site was hidden and scroll bar ends with up to the height of the mobile screen and this only happens to only specific mobile layout and other mobile layout works fine
screenshot
i ...
0
votes
2
answers
49
views
How do I make my container take up entire space?
I am making a screen that has a shelf image along with a plus icon overlaying the entire image with a dotted border. I want to make the dotted border take up the entire space allowed by the largest ...
- 435
0
votes
1
answer
86
views
Angular 18 - background image not showing up on mobile device but works in browser and chrome tools
I decided to redo my personal website (www.coltstreet.com), and I am using media queries to display different background images. Everything is working fine on desktop and I was using chrome tools to ...
- 575
2
votes
2
answers
11k
views
How can I make a button resize responsively to the window size?
I've made this very simple form with an image as the button.
Is there a way to make the button resize responsively to the window size, in a similar manner to input - i.e. the button becomes ...
CommunityBot
- 1
2
votes
1
answer
1k
views
Viewport meta tag in NextJS 14 app router with "shrink-to-fit=yes" issue
I'm trying to make my NextJS 14 app router application scale down on any device less than 500px width, as I'm making my app responsive down to 500px wide and anything below that I want it to scale ...
- 1
0
votes
1
answer
28
views
FLUTTER UI Ratio
I've been developing in flutter for a while but the ui side isn't my main area.
I currently have an application developed on a 16:9 tablet format where widget sizes are expressed via MediaQuery.size ...
- 504