адаптивная-верстка

Relative positioning + adaptability

How can I remove the offset of a block that is positioned relative to another block approximately in the center? With the scr ... of">Photographer</div> </div> </div> </div> </div> </section>

Adaptive HTML/CSS layout

body { background: orange; margin: 0; margin-top: -140px; width: 100%; height: 1109px; } #container { ... gled a lot of things, but I didn't understand how to fix it. How do I fix this? (Without changing the position of the blocks)

Non-integer number of pixels in the layout

How to set the size of an element when writing html code in a non-integer number of pixels, namely in an integer and an infinite decimal fraction (for example, (100/3)%)?

How do I make the background adaptive?

Hello! The essence of the problem: when making up the site, you need the background to be displayed correctly on all devices, ... nd-repeat: no-repeat; } I tried using media queries to insert another image with dimensions 375x812 - the result is the same

Set three background images and their style

The page has 3 background images: the topmost , middle, and bottom. The first image should always be fully displayed on the s ... and third are clipped (left and right) if the screen is too small, i.e. should not stretch. What is the best way to do this?

Adaptive HTML/CSS header

I make an adaptive header, something seems to come out... But I got stuck on one point: when the screen width decreases, when ... I messed up something, and the links can safely run behind the nav block, and this prevents it. But I can't find the error...

How to make a responsive website design for mobile phones?

Writing a website https://onskrer.github.io/YIStroi/ But on mobile devices, it is displayed incorrectly, the content is not the full width of the screen. Please help me fix this, I didn't work with media queries before.

background image with a block inside

There is an external block with a background image for the entire block and inside it a block with content 2 questions Ho ... ong with the background And how to make the rest of the bamboo foliage visible Website http://frontend-er.h1n.ru/asia-spa/

Empty spaces at the end of Grid and flex columns at certain browser window sizes

Dear colleagues! Here is the patient: (http://www.lifetree.angliskiyprosto.com/). Created a grid grid with three columns and ... arranged in a vertical row, but how do I do this?, so that it is normal on the size of the viewport that is in the picture?

The actual screen resolution of users ' devices. Analysis of Yandex. Metrica and Yandex. Analytics

I'm updating the site for mobile devices. I want to understand what screen resolutions are mostly in demand among users of my ... smartphone screen sizes displayed, for example, for the Galaxy S5 360x640. Why is that? Something I don't understand...

Split the page with two colors diagonally

How can a page be divided by two colors diagonally so that it is adaptive? .red, .black { width: 100%; height: 5 ... ed; } .black { background-color: black; } <div class="red"></div> <div class="black"></div>

The problem is in the font, Montserrat on PC and android looks fine, on Safari It changes the style

Here is what it should look like https://prnt.sc/uvzw6l, and so it is displayed on the iPhone 6s+ https://prnt.sc/uvzwwb Who faced such a problem?

How do I redo the Bootstrap Navbar system?

There is a regular, standard Bootstrap Navbar taken from the documentation Bootstrap. The principle of its operation, I think ... den in the "гамбургер" menu. How can I change the mechanism so that only the elements that do not fit are hidden in the menu?

In the mobile version of Bootstrap, how can I make sure that when opening the Navbar, the nested Dropdowns are already opened?

Here is the top Navbar, it has a Dropdown menu: http://getbootstrap.com/components/#navbar On the wide screen, the Navbar is ... "></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Adaptive jquery modal window

There is a window on jq, I implement it like this: $(function () { $("#modal-dialog").dialog({ autoOpen: false, dr ... </div> </div> </div> } </div> How do I make such a window adaptive?

Take the entire remaining height of the div. How?

I use Bootstrtap 4. div - y with the class h100percent must take all the remaining height in the div-e wrapper. In this case, ... nd-color: CORAL'>Foter</div> </div> </div> </div> </body> </html>

Reduce svg images proportionally

You need to change the browser window to reduce proportionally or return to the normal state of individual objects svg. Please write an example to at least know what's what.

Media queries don't work

Hello! Please help me with some advice: I try to use media queries to adjust the width of the header and content, but it does ... o be written to a style file? How else can you implement the idea? I also tried max-device-width, but it still doesn't work.

Wrapping a block with other blocks

Suppose there is a code like this http://jsfiddle.net/h0czgwgu/ .left { width: 50px; height: 50px; border: 1px ... v class="content"></div> How do I make the blocks content flow around the block left, and not crawl under it?

Adaptive text rotation

You need to make the title of the adaptive block with a rotation. The catch is that the block is adaptive, the width changes ... gt;Неизвестное количество текста текст</p> <p class="text">Сколько угодно текста текст</p> </div>