Most voted "media-queries" questions
Media Queries is a module added to CSS3 that allows you to limit the scope of style sheets by adapting content presentation based on media resources (such as width, height and colors) without the need to change it.
Learn more…81 questions
Sort by count of
-
1
votes0
answers89
viewsResponsive full background Image
I’m having some issues with my background image. I have a full background image in my website, and I want a Responsive website, but when I Try to see it on my phone, the image height is not correct.…
-
1
votes1
answer188
viewsHow to change media-query using JS?
I’m using CSS with media queries, for example: html { --color: #OOOOOO; } @media (prefers-color-scheme: dark) { html { --color: #FFFFFF; } } Considering the code above, who has the…
-
0
votes1
answer27
viewsHow do Breakpoints with Susy?
I’m having problems to generate the Breakpoints of a project for Celular (320px). When I put the Breakpoints he reads even in Desktops, but be right on Mobile also. @media (min-width: 320px) { /*…
-
0
votes1
answer57
viewsResolution 176px not compatible with Media Queries
I’m using these examples of media queries below,more when testing the resolution in cell phones 176 pixels has no effect whatsoever, which are the right properties for this? @media screen and…
-
0
votes1
answer237
viewsmedia queries giving conflict
I wonder why that Media queries: @media (max-width:533px),(max-height:853px) { #menu ul { left: 15px; } #menu ul li a{ font-size: 1.2em; margin: 4px; } .setas{ right: 10%; } #seta-esquerda{…
media-queriesasked 9 years, 7 months ago Felipe Henrique 2,135 -
0
votes1
answer97
viewsHow to make image stand above text with media queries
I have a slide that has some keyframes to make a basic animation but need to add a media queries that when my screen has at most 800px I wanted my image that is on the left side stands above the…
-
0
votes1
answer111
viewsMedia querie is ignoring attributes
I’m trying to get a DIV only be shown on small screens, then set the following: @media screen and (max-width: 460px) { #bloco{ display: block; width: 100%; height: 50px; background-color:…
-
0
votes1
answer246
viewsMedia queries, Bootstrap or both?
I’m new in the business, despite being in the 3°semester of college, I started studying web development some 15 days ago, My question is whether I should use only bootstrap or use beyond it, the…
-
0
votes1
answer113
viewsMedia queries or multiple sheets of styles?
In a matter of making the site fast and responsive, which is best? 1-Use Media Queries and set resolutions in one style sheet only. 2-Use various style sheets that will be called in HTML according…
-
0
votes1
answer487
viewsImage breaking (HTML, CSS, responsiveness)
Good morning, My problem is this: I’m using the Prestashop. I need those images of the print to be underneath each other, when it decreases the resolution or when it is accessed from a mobile…
-
0
votes0
answers102
viewsProblems with Responsive
I started building a website today and my project should only be for mobile phones and tablets, so I studied a little bit about responsiveness. The problem is I made the site resolution-based and…
-
0
votes2
answers129
viewsResponsive Design
I have two questions here with responsive design. The first is in relation to the code that follows: <link rel="stylesheet" media="only screen and(min=width: 1366px)" href="css/deskmax.css" />…
-
0
votes2
answers408
viewsResponsive content with fixed size sidebar
Is it possible to make a layout with flexible lagura content and a fixed-size sidebar? Example <body> <header></header> <article></article> <aside></aside>…
-
0
votes2
answers205
viewsMedia Queries for Java Script - What is the error in this syntax?
This is the first time I try to apply a rule of media queries in java script and, as a beginner, I believe something in this syntax is wrong, since the only function that is working is the second…
-
0
votes0
answers61
viewsMedia screen does not work with boostrap 4
<?php session_start(); // Inicia a sessão include_once("func/functions.php"); // Chama o arquivo de funções padrão. include_once("func/f_exames.php"); // Chama o arquivo de funções específicas.…
-
0
votes0
answers60
viewsEvents in three.js and CSS do not work in some languages
The idea is to make a 3d prediction and when you click on an apartment to open on the side (each occupying half the screen) a card with some information, in Vices with width of up to 650px, the card…
-
0
votes1
answer97
viewsHow to adapt this code to different screens
I’m having a problem using a slider vertical, the Swiper Slider I’m using the Mousewheel control. My problem is this, how he’s a vertical slider, need to set a size for the height, so I can’t make…
-
0
votes0
answers57
viewsEffects of Hover happening automatically on @media
Hello! I’m doing a Hover effect on my project (Assigning a CSS style to a specific element within a div), in boxes, that when I step the mouse it expands and displays a text and a button that did…
-
0
votes1
answer20
viewsMedia Query syntax error when compressing code
I am trying to compress the site where I work to the maximum and I am minimizing the Java and css, but this giving error to minify the css well in the codes similar to what I will put here below. He…
-
0
votes1
answer51
viewsWhy do media queries work like this?
I was creating a responsive menu, and u noticed that if I don’t put the media queries from the smaller to the larger it doesn’t work properly. @media only screen and (min-width:560px) { .menu li {…
-
0
votes1
answer261
viewsHow to use Media Queries for responsive websites based on the dimensions of Vices?
I confess that webdesign is not my strong suit, so I need to ask some crucial questions regarding responsive websites. I understand that to define formatting for various devices you use Media…
-
0
votes0
answers19
viewsMedia queries Mobile does not work
I am making a website, in the Responsive to mobile @media only screen and (max-width: 767px), in the Development of the site I was Reducing the browser to make the style for each break. But by…
-
0
votes1
answer250
viewsHow to change page footer size with @media print
I am creating a system that would be for financial management, and within that system I thought of generating reports too, but I did not give account of generating the pdf by php, because it was…
-
0
votes0
answers32
viewsMedia Queries for retinal monitor
I’m trying to make use of media query for retinal monitor (Macbook pro), but I can’t get the code to be considered by the browser at all, I tried several ways, considering the link. The meta tag of…
-
0
votes1
answer16
viewsMedia querie in order to change the image does not work
I put a media querie for when width reaches 600px, change the image to a smaller. @media only screen and(max-width: 600px) { .header-container { background-image: url(//i.imgur.com/obpnQqo.png);…
-
-1
votes1
answer236
viewsWhat is the best way to work with responsive images?
I am in doubt in my project which is the best way to work with DIRECT HTML responsive images, in Html5 the tag has the srcset attribute that allows this change using the prefix "w" when selecting…
-
-1
votes1
answer20
viewsLayout not fitting properly on mobile devices
I used a Media Query to make a responsive layout, which would look like this on the desktop: And so on mobile: The problem is that when I enter the site using the mobile phone the layout is not as…
-
-1
votes1
answer47
viewsReduce image size
I can’t reduce the size of this image via css. Could someone help me? <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark" id="mainNav" data-toggle="affix"> <div…
media-queriesasked 4 years, 12 months ago Vanderlei Azevedo 1 -
-1
votes1
answer28
viewsMedia Query is not working
I’m using media query and when I try to resize the browser tab, the page is not responsive, it remains the same. My responsive design code: body{ margin: 0; } p{ padding: 10px; } h3{ padding-left:…
media-queriesasked 4 years, 7 months ago Douglas Felipe 3 -
-2
votes1
answer61
viewsHeavy site because of images
I developed a website for a customer who has a feed store, with HTML5 and CSS3, nothing with backend and database, he just wants to publicize the products, prices and etc. The /img folder is 125MB…
-
-2
votes1
answer84
viewsCSS for Google Pixel 3 XL resolution
What would be the media querie for the resolution of the new mobile: Google Pixel 3 XL ? At this link i have the media queries for version 2: @media only screen and (-webkit-min-device-pixel-ratio:…