Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблемы с адаптивной вёрсткой 
:(
    Опции темы
kaktebe
Дата 9.10.2014, 02:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 23.1.2012

Репутация: нет
Всего: нет



Начал осваивать адаптивную вёрстку и пытаюсь сделать сайт, который будет подстраиваться под любое разрешение экрана и тянуть/сжимать все элементы соответственно, но почему-то все тексты, заголовки и картинки всегда одного и того же размера и не тянутся вообще.
Пытаюсь сделать тянущийся логотип в шапке таким образом:
Код

<div id="menu">
    <a href="link" class="lefttopmenu">Ссылка</a>
    <a href="link" class="lefttopmenu">Ссылка</a>
    <a href="link" class="lefttopmenu">Ссылка</a>
    <a href="link" id="logolink"><img src="/images/logo.png" id="logoimg" /></a>
    <input type="text" id="searchinpt" placeholder="Поиск" class="righttopmenu" />
    <a href="link" class="righttopmenu">Контакты</a>
    <a href="/news" class="righttopmenu">Новости</a>
</div>


CSS для блока:
Код

.lefttopmenu
{
    font-size:1.2em;
    float:left;
    margin-left:5%;
    font-weight:bold;
}

.righttopmenu
{
    font-size:1.2em;
    float:right;
    margin-right:5%;
}

#menu
{
    width:100%;
    height:6%;
    padding-top:1%;
}

#menu a
{
    display:block;
    text-decoration:none;
    color:#1a1a18;
}

#logoimg
{
    width:15%;
}


Т.е. делаю лого шириной 15%, лого само тянется, если увеличивать ширину, так же само изображение большого размера и должно тянуться, но при этом при изменении разрешения экрана или на сайтах позволяющих посмотреть сайт в разных разрешениях размер остаётся тот же. И размер шрифта не меняется, хотя он задан в em. Но при этом отступы в процентах срабатывают нормально и тянутся.

В meta прописано
Код

<meta name="viewport" content="width=device-width, initial-scale=1.0">

В чём может быть проблема?

Это сообщение отредактировал(а) kaktebe - 9.10.2014, 02:28
PM MAIL   Вверх
kaktebe
Дата 11.10.2014, 01:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 23.1.2012

Репутация: нет
Всего: нет



em как я понял ставит размер шрифта, установленный по умолчанию в браузере. А как его менять под разрешение экрана?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1241 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.