Вечер добрый,
ребят, блин ну не как не освою этот 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>
Спасибо.
