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
-
27
votes2
answers1040
viewsWhen and why to create a mobile app?
With the popularity of mobile devices such as smartphones and tablets, capable of running quite complex applications, it is increasingly common for companies to develop applications (apps) own.…
-
22
votes6
answers14122
viewsHow to simulate a higher resolution screen to check the behavior of a website?
Is there any way to simulate a higher resolution screen to check how a website behaves? I currently use 1440x900 and need to test the interface at higher resolutions.
-
21
votes4
answers15388
viewsHow to make a table responsive using (Twitter) Bootstrap?
I’m working on a web application using Ruby On Rails 4 and much of the interface consists of tables. I would like you to suggest a way to detect the screen size in use and, based on this, hide…
-
18
votes1
answer256
viewsWhat is the difference between M.dot, responsive layout and adaptive layout?
Always when we search for responsive web development we find various ways to do the same thing. Accessing the site of the same Sopt, we can see that it has a different layout for mobile devices and…
responsive-layoutasked 6 years, 9 months ago Randrade 21,612 -
13
votes2
answers127257
viewsPut a background image and make it responsive
I’m having a problem putting a background image on my page. I did some tests and it looks like this when I change the window size: When I maximize it’s right: How can I adjust this image to get the…
-
12
votes4
answers651
viewsdisplay:One consumes data?
Some questions about what happens when we use the property display:none of css: Is the element loaded and not displayed? Or it is not loaded (and therefore does not consume data)?…
-
8
votes4
answers3248
viewsHow to implement a textarea responsibly?
I want to use a <textarea>, but instead of using rows="4" cols="100", wanted to wear something like this: style="width: 80%" so that the layout is responsive. But since this does not work, IE,…
-
8
votes4
answers2279
viewsResponsive image
How to do the effect below little by little, according to the screen resolution. *Without using clip, because otherwise would be many media queries, and on this site, the effect seems a smooth…
-
7
votes1
answer642
viewsRelative sidebar in responsive layout
Solved, look at my answer * I asked this question in the gringas, but I don’t think I could express myself well there. Ask there: https://stackoverflow.com/questions/25481613/side-menu-align I have…
-
7
votes1
answer247
viewsCss in inputs using Affordance principles
To facilitate the development of responsive forms it is very common to put 100% width on inputs, and control their size through the width of a div as container, this technique helps when…
-
6
votes1
answer1063
viewsHow do I make a checkbox table (Access Level Table) responsive?
I don’t know if anyone has ever come across this type of structure. But here’s the thing, I need to leave this image table below responsive. Has anyone seen anything, knows how, or has any idea how…
-
6
votes5
answers19009
viewsHow to keep the footer always down there
I wanted to know how to keep the footer of the site always at the bottom of the site, even if the content of the site is little, as the example below. If I put a margin top, it doesn’t stay down…
-
6
votes1
answer13196
viewsHide field in HTML with Bootstrap
How can I make a text field in my HTML is hidden when the user is viewing by mobile and appears when he is viewing by PC?
-
6
votes3
answers1165
viewsProblem leaving automatic field width in responsive layout
I have the following situation. I’m working on a responsive layout that features three columns, left sidebar, center and right... It turns out that inside the right sidebar there is a text field and…
-
6
votes3
answers3732
viewsHow to place two Ivs next to each other in Bootstrap
I’m still novice in web development and I’m having a doubt in my form to put the two lines of the form next to each other in responsive Bootstrap, knowing that each input will bring information…
-
6
votes1
answer185
viewsIn CSS what is the difference between Pixel Density and Pixel Ratio? How does DPI, DPCM and DPPX work
With the "popularization" of retinal screens, mainly on Apple devices, I have seen some people using media queries with measures like: @media (-webkit-min-device-pixel-ratio: 2) { ... } @media…
-
5
votes2
answers21088
viewsHow to make these Divs responsive?
I am creating "informative" to put on the home page of my site and I need a light. I wanted him to stay that way: And when the visitor’s screen resolution was decreasing, the title and description…
-
5
votes1
answer6229
viewsPrevent zoom on smartphone/tablet with Bootstrap 3
I use Bootstrap 3 in my projects and have a question. I would like to know how to prevent the zoom on smartphones and tablets, that zoom that is done with the movement of "tweezers" or with double…
-
5
votes1
answer661
viewsHow to use Bootstrap responsive system
I would like to know how I use only the responsive design part of Bootstrap and if possible give me some tips on how to apply in HTML code.
-
5
votes2
answers1341
viewsHow to make a menu that has a geometric figure in the center and is responsive?
So, I’m a beginner in Web Design, and I’m having some problems with css on a site that I’m developing. I have to make a fixed menu, which is nothing more than a normal bar, but which has a figure of…
-
5
votes1
answer866
viewsHow does the responsive utilities of Bootstrap work?
From an application performance point of view, how the classes work hidden-** and visible-** ? If I put a div with hidden-xs it will be loaded on an Xs device and will not be visible, or bootstrap…
css twitter-bootstrap bootstrap-3 responsive-layout gridasked 9 years, 1 month ago marcosmfjunior 153 -
5
votes3
answers377
viewsHow do I work with responsive design?
I use Media Queries, right, and my layout will have to adapt to various devices like tablets, iphone, smartphones, notebook and Tvs, but I found a problem in the tablet in landscape mode, it has an…
-
4
votes2
answers40440
viewsHow to resize image to container size?
I have a div with 1184x308px and I want to place inside images that are dynamic. Since images can be loaded with any dimension, how can I adjust the dimensions of the div?…
-
4
votes2
answers4779
viewsResponsive font as screen size is adjusted
I have a responsive website only the lyrics even putting in %, Rem or EM is not adjusting. Then it is possible to make the font change for example a window with the length in 1000px and font-size in…
-
4
votes1
answer283
viewsColorbox responsive
I’m using Colorbox in a project and need to make it responsive. I was able to change the size of all Divs with Media Queries in CSS, but div #colorbox does not change the size! This causes the page…
-
4
votes1
answer1790
viewsDivide in circles with responsive layout
I’m trying to make a page that contains div in circles and which fit one below the other when the layout decrease, for example, to cell phone sizes. With the common size I would like them to be 4…
-
4
votes3
answers838
viewsUncheck a checkbox by clicking outside of it
How is it possible to uncheck a checkbox if I click another field of the site? The checkbox is used so that when the status is 'checked', it 'drags' my menu from -65% to 0 and appears on the screen,…
-
4
votes1
answer520
viewsDiagram of responsive hexagons
I found a code that assembles a set of hexagons (like a beehive) in a way that is responsive. I’ve made some adaptations to suit my purpose as a result, which is not exactly a grid. I simply added a…
-
4
votes2
answers829
viewsHow to support various types of screens/screens
I started on Android recently (self-taught) and came across the following situation: support for several screens. I saw some tutorials and doubts of other people but found nothing to help me with…
-
4
votes2
answers1399
viewsIs there a difference between flex-Basis, flex-Grow and width? What is the recommendation for using them in a Flex container?
I have a technical question about using the property flex-basis, flex-grow and width. Note that in the image below I got the same result using the 3 properties. Then I was in doubt, if the 3…
-
3
votes2
answers202
viewsDoubts and More Doubts about the bootstrap 3 Layout
Hello I’m currently working with bootstrap and is my first contact with responsive layout I’m trying to create something like this: But I can’t let it all fall into place I can’t do anything anyone…
-
3
votes1
answer1345
viewsCSS responsive layout in columns
I am making a layout that will have two columns, the first on the left will compose a menu the second will occupy all the remaining space on the screen on the right side and in it will be the…
-
3
votes1
answer1641
viewswidth 100% bootstrap responsive
I’m using the bootstrap for its fluid grid, I used the row-fluid outside the container-fluid for it to be without the usual margin. In the desktop resolution the footer is normal with width 100%,…
-
3
votes1
answer409
viewshow to work with different dimension in android studio?
I would like to adapt my app created for each mobile model. As I some it gets smaller text on the screen and in others larger, I would like to create a method where it adapts to the cell phone model…
-
3
votes2
answers51
viewsIs there a tool for viewing a website in all screen sizes?
I’m making a responsive website but I happen to need a tool to see if it’s looking good on all screen sizes. Any suggestion?
responsive-layoutasked 7 years, 5 months ago Diana Madeira 485 -
3
votes1
answer733
viewsResponsive design in 2+ angular
Is it possible through the 2+ angle to get the size and width of the browser and from there send this data to the css in order to make it responsive? Is there any other way to leave responsive…
-
3
votes2
answers1763
viewsHow to align images responsibly with bootstrap
I am using the bootstrap and my goal is to make some boxes fluid that are grouped in rows of 4. When I change the screen size I want the boxes to decrease ( I got it) but when I reach a certain…
-
3
votes2
answers233
viewsAlign navigation menu in the center
I am trying to align the "drop" menu in the center. Help? THE HTML: <main id="conteudo"> <section id="produto" class="box"> <nav id="drop"> <ul> <li><a…
-
3
votes1
answer608
viewsHow to make a column layout responsive with js?
I need to create a column layout (masonry) responsive with pure js. I’ve tried several ways, but most columns are not responsive, and CSS organizes the numbering from top to bottom. The…
-
3
votes2
answers99
viewsImages in Divs
I have a question about divs with imagens in the case, the doubt is as follows: If I have a div, with 400x400, how do I make an image with 200x400 (or other resolution) fit by occupying the total…
-
3
votes2
answers5887
viewsHow do I make this table mobile responsive using only html programming?
The code of the site on the computer is ok, but in mobilie the columns are very thin and with very bad visibility, I tried to solve in several ways the responsibility on the mobile and only managed…
-
2
votes1
answer474
viewsMedia queries for Internet Explorer 8 and 9
How to make IE 8 and 9 read Media Query conditions? I’ve read some Ocs but found nothing enlightening. The query is being made in the HTML example and I would not like to apply only in a single CSS.…
-
2
votes1
answer6245
viewsHow to use bootstrap for font sizes?
I would like a didactic answer on how to use Bootstrap to determine font sizes. To help, I am using exactly the following medias-queries: /* Portrait tablet to landscape and desktop */ @media…
-
2
votes3
answers247
viewsBackground Reponsivo
I’m having doubts about how it makes the background responsive. This is the Background. This is how it’s getting at 1024px Wide. I am putting in the Background-Size 100% Width, I wish that when the…
-
2
votes2
answers193
viewsWhen to use Em or %?
I’m studying responsive layout and already know that to create a flexible part it is necessary to use relative measure like Em and %. But I still can’t understand what the real difference between…
-
2
votes1
answer274
viewsLine breaking by changing css
I’m working with grids and I need to know if there’s any way to capture the box line number (Usually 1) to decrease the source number so it fits in the box so it only takes one line. Note: I have…
-
2
votes2
answers3622
viewsMultiple Divs with Same Responsive Height
I have four five Ivs, one of which is a container for the other four. Structure: <div id="divPai" style="width:100%"> <div id="divInfUser" style="width:25%; height: 30%; background-color:…
-
2
votes1
answer283
viewsGrid System or Twitter Bootstrap
I’m starting now to search for these "css layout setters", and the ones I hear most about is: 960 Grid System (http://960.gs/) and twitter bootstrap (http://getbootstrap.com/css/). I would like to…
-
2
votes3
answers367
viewsStop Menu scroll in certain resolution
I have a drop down menu along with the scroll. I used Jquery to add css attributes to make this happen. I don’t want this to happen when the site is less than 768px wide. That’s when it stands still…
-
2
votes3
answers2251
viewsDifficulty adjusting menu and footer in responsive layout
The code below relates to menu and footer, whose I’m having trouble adjusting to responsive layout: /*Código por Domingos Pereira, GPSI12 */ /*Dísciplina de Redes */ /* Professor: João Delgado */ /*…