Most voted "responsive-layout" questions
Responsive Layout is an approach used to develop user interfaces, providing great viewing experience, easy reading, navigation and adaptability to a wide range of devices (from computer monitors to mobile phones).
Learn more…235 questions
Sort by count of
-
2
votes1
answer1093
viewsTake a div’s height and apply it to another div
I’m using the excellent Fullcalendar plugin to add a calendar to a page on the site I’m doing. It is very dynamic and the plugin calculates its size as soon as the page is loaded, keeping its size…
-
2
votes3
answers2056
viewsLayout for all screen sizes
I just started messing with android and I came up with a big question. How I make a layout to work in all screen sizes? From what I’ve searched, there are specific layout folders for each size. So,…
-
2
votes2
answers336
viewsMulti-device layout display problem
I’m having trouble putting together a layout. In emulated it stays the way I want as below: But in the cell phone is completely disfigured as below: XML code: <?xml version="1.0"…
-
2
votes1
answer1511
viewsResponsive menu does not close when selecting element
I made a responsive menu on a one page website. The scrolling part of the page is working normally, but the menu only closes if the user clicks again on the menu icon. I need the menu to close when…
-
2
votes1
answer921
viewsDynamically increasing the content of the div
I have 3 div’s and div2 should have dynamic content (growing as the content is inserted in it), div1 should follow the growth of div2. How can I do that? <div id="divPrincipal"> <div…
-
2
votes2
answers28028
viewsHow to make a horizontal line responsive?
I cannot simply make a line, because depending on the page, instead of a line, it generates continuation in another line.
-
2
votes1
answer184
viewsResponsive layout
I’m having problems in the responsive layout part, I’m wanting to start working with the following sizes: 1280 x 1024 1024 x 768 768 x 1024 480 x 320 1680 x 1050 1024 x 600 However, I had already…
-
2
votes2
answers77
viewsHow do I set only one font-size on the font so that it decreases according to the size of the device?
Doubt quick personal, how do I set just one font-size font so that it decreases according to device size? I am currently inserting a different font-size size for each @media query, there is a…
-
2
votes2
answers72
viewsSelector in CSS differences
What’s the difference between: .figure-box>figure>img{ width: 440px; position: relative; } To: .figure-box figure img{ max-width: 100%; position: relative; transition: transform 0.6s; }…
-
2
votes1
answer263
viewsShow mobile image when it exists
Hello, I have a CMS own and encoded a feature to allow, in addition to uploading image of default size, a second image mobile that will be shown with media query when the resolution is less than…
-
2
votes1
answer325
viewsLayout distortion in Bluestack
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"…
android android-studio android-layout responsive-layoutasked 9 years, 5 months ago Gabriel Santana Bonatto 319 -
2
votes1
answer318
viewsResponsive site with side left
I made a site "responsive" that on the mobile is left side, someone could help me? Follow the HTML code: <!DOCTYPE HTML> <html lang=”pt-br”> <head> <meta charset=”UTF-8”>…
-
2
votes2
answers1373
viewsMenu does not fade when clicked on responsive bootstrap site
I’m trying to make the mobile responsive menu on a bootstrap site disappear altogether by clicking on its links. The site is one page and the links work via Anchors. The site has been modified into…
-
2
votes1
answer60
viewsDisplay:None in Modal and @media affects SEO
I’m trying to apply responsiveness on a site, but some menus of categories I transfer into a modal of the bootstrap that uses the display:None, in addition to causing some desktop elements to be…
-
2
votes1
answer1065
viewsHow to make a responsive list in CSS
Hi, I was wondering if anyone here knows how I do to leave a responsive list, I’ll explain, see image: Here’s what’s in the image will appear to all monitors, regardless of their resolution, as I…
-
2
votes1
answer283
viewsCreating Responsive Random Image
I have this code (below), where I can create a random banner, but it is not responsive, or rather, the image is not responsive. <style type="text/css"> .banner{ width:100%; height: auto; }…
-
2
votes3
answers2922
viewsDynamic table with addition of rows and columns
Is it possible to create a dynamic table with the addition of rows and columns? According to the picture, the situation is: - Starts a table with 3 columns and a row; - Whereas the first line and…
-
2
votes1
answer131
viewsFooter does not follow site layout and is not responsive
Everybody, good afternoon, everybody. I’m having difficulty making the footer responsive, it does not follow the page. Can you help through this code I made? (I tried to implement some tips I found…
-
2
votes2
answers308
viewsDiv alignment
I own a table that is built dynamically with the information of a film director. And I need to change the structure to a div, mainly for the issue of responsibility, today by reducing the size of…
-
2
votes0
answers41
viewsHow to load file. JS depending on the width of the screen
I have a file .js who would like to upload only to Desktop version, when it is on more narrow screens would like the request for that .js were not done, or even another was carried .js. Like, for…
-
2
votes2
answers362
viewsProblem with bootstrap responsiveness
I’m having trouble aligning the responsiveness of my dashboard. Here’s an image of how it looks on large screens. But if I lower the screen a little bit it shuffles like this: Below the code snippet…
-
2
votes1
answer333
viewsAutomatic slider with 5 columns how to do?
I’m trying to make an automatic slider in this style, but it’s not working. <section class="mbr-section" id="equipe" style="background-color: rgb(204, 204, 204); padding-top: 120px;…
-
2
votes1
answer55
viewsCOLUMNS Distribution Problem in CSS3
I’m following the tutorial on w3school, he is inserting the items, one below the other and not on the side (inline) ! According to my code it should be on each other’s side: CSS * { box-sizing:…
-
2
votes1
answer71
viewsIn CSS what are Implicit or Explicit properties or attributes? What is the difference between an "Implicit Grid" and a "Explicit Grid"?
I’ve been hearing a lot about CSS Grid Layout https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout The Grid Layout is built from the display:grid, and I have often heard the term…
-
2
votes2
answers634
viewsHover the mouse over the image and change the color of the caption
Good morning dear friends, I wanted to know how to move the mouse over an image, and the background of the legend change color, in the example below I can only change the color when I pass…
-
2
votes2
answers187
viewsCreate dynamic menu that adjusts the size of the div
Guys don’t know about css and would like to know how to create a menu that can have up to 5 options, so when I want to have only 4 options or 3 the menu width remains the same but div with the…
-
2
votes2
answers3520
viewsResponsive bootstrap layout
I’m creating a system using bootstrap, to make it responsive I used the classes col-xs-12 col-md-2, when I resize the page the responsiveness works perfectly, but when I use the mobile mode of the…
-
2
votes1
answer279
viewsWhat’s wrong with this non-responsive paging using boostrap 4 in Laravel?
I’m using Laravel to make a system, along with the framework Bootstrap. And I’m using the paging feature. However, I’m having trouble making the pagination numbers responsive. Both are not…
laravel twitter-bootstrap laravel-5 responsive-layout pagingasked 5 years, 1 month ago Arthur Abitante 439 -
1
votes1
answer176
viewsProblems creating media queries for Samsung Galaxy S4
I’m developing a responsive website and in it I set some CSS tags with media queries, but I still suffer with some devices, as an example, the Samsung Galaxy S4. I believe it’s because it contains…
css twitter-bootstrap responsive-layout media-queriesasked 10 years, 8 months ago Phellipe Lins 1,261 -
1
votes2
answers147
viewsHow to apply responsiveness to texts?
Guys I’m doing the front end of a responsive site, I read some materials on how to build responsive sites etc, I’m using 'EMS' instead of pixels in the font sizes, but they do not change according…
-
1
votes1
answer125
viewsResponsive fixed menu
I have a fixed menu that when viewed in the maximized browser everything happens perfectly however, when the screen decreases, the menu is fixed and the scroll bar does not scroll it, it is possible…
-
1
votes1
answer1073
viewsLock Media Screen CSS
Good afternoon, I would like to know some way to block the user from adjusting the resolution in the mobile version of the site (by sliding two fingers). As in this example: http://gruponzn.com/…
-
1
votes1
answer116
viewsPossible Plugin to see if it is Responsive or not
I have a relatively simple doubt, I’m looking for some plugin to the chrome, but I still can’t find exactly what I wanted, which is basically to see if our website is responsive on all possible…
responsive-layoutasked 9 years, 11 months ago n1c0t0p 141 -
1
votes3
answers1741
viewsChange the breakpoint (breakpoint) of the navbar
I have a navbar that works with Collapse, so when in lower resolution the menu is grouped and appears only when clicked. Anyway, is there any way that I can change the navbar breakpoint only so that…
-
1
votes2
answers1216
viewsMake div daughter have same size as fixed parent
I’m putting together a responsive layout... My "menucontainer" is fixed... So the width of it does not match the size of the site interface... For this reason when the zoom increases it becomes and…
-
1
votes2
answers2788
viewsHow to make elements fit the text size?
I am developing a site where all pages have one with a title that varies in size, and in this same title has two lines, one on each side of the text that has to adjust to the right size. I know it…
-
1
votes2
answers497
viewsMedia query messing up another media query
Good Morning, I’m having a problem with some media queries I started doing the media queries on the desktop part with the following measures that worked perfectly: 1024x600 1024x768 1280x768…
-
1
votes1
answer258
viewsWhite spacing when you zoom in full on the mobile page and screen
Guys can not find the error that is generating this white band on the screen when I give a full zoom and the mobile screen when I access by it. <!DOCTYPE html> <html> <head>…
-
1
votes2
answers1743
viewsHow to put responsive background in col-Md
How do I make that fund not repeat itself? html: <div class="col-md-12"> <div class="panel panel-default sharp"> <div class="conteudo_me"> </div> </div>…
-
1
votes1
answer88
viewsSvg contained in DIV does not follow "max-height: 100%"
Take the example of the structure first. .follow-window-size-container { height: 100vh; background-color: green; } container-of-svg { max-height: 100%; } container-of-svg svg { max-height: 100%; }…
-
1
votes1
answer380
viewsCkeditor: How to make images responsive?
Staff created a site from scratch and integrated to Ckeditor, my site is in Bootstrap but the images I send by Ckeditor are not responsive, already installed a plugin (imageresponsive) but I don’t…
-
1
votes0
answers64
viewsMenu css does not work when entering through Google, but usually works via URL
This problem happens on mobile devices. It’s a bit strange but when I access the site through the URL, the menu works normally, that is, by clicking on the 3 horizontal bars, the menu appears. But…
-
1
votes2
answers458
viewsMenu with blocks side by side, a fixed and other fluid
How do I make a horizontal menu with a flowing width on one side and a fixed width on the other side? The menu will not be fixed at the top and needs to work in most browsers(this because I cannot…
-
1
votes2
answers123
viewsHow to use bootstrap for websites with larger layout?
Well, I have always developed bootstrap websites and never modified the standard container size which is 1170px because there was never a need. Now I have a 1900 wide layout. I also always use the…
-
1
votes2
answers3347
viewsMedia queries do not work
I made those medias queries for Desktop, follow the code below: @media screen and (min-width: 1024px) , screen and (min-height: 600px){ #menu ul { left: 26%; } .nomes{ margin-top: 200px; }…
-
1
votes0
answers95
viewsProblems with . container-Fluid and @media
I’m a beginner in Bootstrap and I’m using the framework for a school project. In the old days, I was using the class .container to leave the content "together", but as I did not like the space…
twitter-bootstrap bootstrap-3 responsive-layout front-end gridasked 8 years, 3 months ago Matheus Santos 19 -
1
votes1
answer30
viewsturn objects into a list when the resolution is less than X
I need to change a rendering to show a checkbox if the device resolution is less than X for example: show radio’s Buttons and if the screen resolution is less than X it becomes a select…
-
1
votes1
answer5329
viewsHow to center a button inside a responsive container?
I’m doing a free theme work on HTML and CSS for the college, but some modifications I made to make the site responsive prevent me from tweaking an element in the center of the container. I have a…
-
1
votes1
answer64
viewsResponsive site does not adapt on mobile
I made a responsive site, testing on sites that simulate a mobile phone, but when I open on a real mobile phone it does not adapt continues in the computer version.…
responsive-layoutasked 7 years, 3 months ago Léo Cunha 153 -
1
votes1
answer510
viewsHide div in materialize css
Does anyone here use materialize css ? know if there is any way to hide the column of a table through a css class ? in bootstrap have to do this using that class="Visible-Xs" went in Docs and did…