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
0
votes
0
answers
15
views
Query Regarding Creation of Responsive Newsletter with Tailwind and Image Hosting
I have a question regarding a responsive newsletter.
1- Can I create a responsive newsletter with Tailwind and HTML?
2- How will the images remain readable after being sent via email, knowing that ...
1
vote
1
answer
132
views
How to make css infinite animation slider work on mobile?
I am creating a price ticker/slider, it works perfectly on desktop/laptop but I can't get it to work correctly on mobile without glitching.
On mobile, the ticker items just appear for a few seconds ...
0
votes
0
answers
51
views
How to make React google charts responsive
I can't make the charts responsive at all, at first they look as I want, but then they change the height after changing the data. I'm using tailwind. The grid doesn't behave as I want. After changing ...
0
votes
0
answers
14
views
A media query doesn't behave the same way on Android and iPhone
Whatever I put between the filter and the background, there still is no background at all when opening the burger menu on an iPhone 13.
.navbar {
position: absolute;
top: 0;
right: -100%;
...
0
votes
0
answers
26
views
Dark mode button only works on mobile screen
i setup the navbar to be responsive, but now the dark mode button only works on the mobile screen,
this the html,css and js respectively
<nav>
<ul class="sidebar">
...
0
votes
0
answers
39
views
Hide a page of my website on desktop and display a message
I've set up a WordPress website accessible only through QR codes, intending it to be accessed solely on mobile devices.
If a page of my website is accessed from a desktop, I aim to achieve the ...
-3
votes
1
answer
126
views
How to disable link rel="preload" on responsive?
I work with Link rel="preload" for slideshow images to make my website faster, at least in a browser. I created a rule for not showing the slideshow on a phone ( display:none; ). As the ...
0
votes
1
answer
39
views
In Chrome Developer tool which one is accurate: Responsive or Dimension:[Number]
I am trying to build a responsive design,But encounter this problem:
In the chrome developer tool if I set the device screen size to 1440px for example, everything is good:
But when I try to see my ...
0
votes
0
answers
14
views
Background Sections Flashing on Mobile Devices
i have this code on my clients wordpress site and is working on desktop but not on mobile. it is literally flashing these codes only. this question is related to website: bntiarms.com
[fullwidth ...
0
votes
0
answers
23
views
Why the "[email protected]" goes to the next line? Even though i only display:block the span?
HTML
<div class="contact_info">
<ul>
<li><h2>Call Us: </h2><span><a href="tel:12345678"><mark>1-234-5678</mark></a>&...
0
votes
0
answers
14
views
center form fields in Angular reactive form on iPhone screen
I have a very basic Angular app as follows :
Contents of app.component.ts
import { Component } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
@...
0
votes
1
answer
74
views
datatables returning node from render doesnt work in responsive
according to the doc: https://datatables.net/reference/option/columns.render
There are four special values that columns.render can resolve to:
(...)
node (2.0) - when requesting the display data type,...
0
votes
0
answers
39
views
Weird behaviour of Google Chrome's responsive website checker
I am trying to create a responsive website, I've used a basic reset.css from this website and whenever I'm going on the inspect tool and changing it to responsive, the nav-bar or the whole website ...
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 ...