Search the Community
Showing results for tags 'vw'.
-
Вечер добрый, ребят, блин ну не как не освою этот css, сделал сейчас как смог, но работает плохо. Помогите пож. Что нужно? 1. Размер шрифта должен адоптироваться автоматом к размеру дисплея/окна. 2. Слева нужны переключатели языка Пример как должно быть: http://nicolasjaar.net С чем не могу справится? 1. На мобильнике (Андроид, бруазер хроме) текст не полностью видно с переключателями языка в режиме портрет 2. Размер шрифта на некоторых экранах не полностью заполняет окно Вот мой актуальный вариант: <!DOCTYPE html><html> <meta charset="utf-8"> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext,cyrillic,cyrillic-ext" type="text/css"> <style> div { font-size: 3.0vw; width: 100vw; float: right;padding-right: 8%; } div p { text-align: right; text-transform: uppercase; font-family: Open Sans; font-style:italic; } a:link { text-decoration: none; color: black; } a:visited { text-decoration: none; color: black; } a:hover { text-decoration: none; color: black; } a:active { text-decoration: none; color: black; } </style> </head> <body> <div> <p> <span style="padding-right:40%;"><a href="http://xxx.ru" ><img src="Russian_Federation-48.png" width="48" ></a> <a href="http://xxx.ru/en" ><img src="Great_Britain-24.png" width="48" ></a></span> <a href="xxxxx.ru" target="_blank">Мы находимся тут.</a><br> <a href="http://u-xxxx.ru" >xxxxxx.</a><br> <a href="https://www.xxxxx.com">xxxxxxx.</a><br> <a href="http://dxxxxx.com" >Delicate xxxxx.</a><br> <a href="https://xxxxx.com" >ххххххххх.</a><br> <a href="https://goo.gl/xxxxx">Ху из xxxxxx? </a><br> <a href="mailto:hr@xxx.ru">Пишите, если хотите помочь нам расти.</a><br> <a href="mailto:sale@xxx.ru">Пишите, если хотите помочь себе расти.</a><br> <a href="mailto:info@xxx.ru">Пишите.</a></p> </div> </body></html> Спасибо.
-
Есть 4 блока (div) друг под другом, каждый из них занимает всю клиентскую область (100 hv, 100 wv). Есть фиксированное меню с 4 пунктами, по клику - скролл к нужному блоку. Необходимо разместить в центр каждого из div по одному section ровно по центру. С центрированием знаком, пробовал три разных способа. К примеру остановимся на этом section{ width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0; } Проблема в следующем, section встают нормально в центр блока, но только не каждый в своем, а все в первом. Кто-нибудь в курсе как исправить?
- 2 replies
-
- центрирование
- div
-
(and 7 more)
Tagged with: