Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Разные размеры текста в разном масштабе?

Разные размеры текста в разном масштабе?

     19.08.2016    Шаблоны (TPL), Стили (CSS)    1509

вопрос
Привет всем, прошу помочь.
Имеется шаблон Резиновый, там одна ошибка, в меню текст в 100% виде сайта нормально смотрится, но при заходе через мобилку на сайт, там размер текста смотрится некорректно, т.е. такой как и в ПК версии

Как сделать чтобы при заходу через мобилку текст немножко уменьшался..?

Заранее благодарю

P.S. только бесплатно...

Ответа пока нет

 

4 комментария

Ойбек
Юзер

Ойбек - 19 августа 2016 12:50 -

Вот сам CSS отвечающий для данного текста
.nav li a
{
float: center;
font-family:Arial, Helvetica, sans-serif;  
font-size: 20px;
color:#fff;
text-shadow:0px 1px 1px #909090;
line-height:30px;
padding:18px 12px 0 8px;
display: block;
text-decoration:none;
border-radius:25px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
irrwisch
Юзер

irrwisch - 19 августа 2016 13:23 - 


@media screen  and (max-width: 979px)  { /* Для планшетов */
    .nav li a {
        float: center;
        font-family:Arial, Helvetica, sans-serif;  
        font-size: 20px; /* Нужный размер шрифта */
        color:#fff;
        text-shadow:0px 1px 1px #909090;
        line-height:30px; /*Подходящая высота строки*/
        padding:18px 12px 0 8px; /* Нужные отступы */
        display: block;
        text-decoration:none;
        border-radius:25px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
    }
}
@media screen and (max-width: 500px)  { /* Для мобильных*/
    .nav li a {
        float: center;
        font-family:Arial, Helvetica, sans-serif;  
        font-size: 20px; /* Нужный размер шрифта */
        color:#fff;
        text-shadow:0px 1px 1px #909090;
        line-height:30px; /*Подходящая высота строки*/
        padding:18px 12px 0 8px; /* Нужные отступы */
        display: block;
        text-decoration:none;
        border-radius:25px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
    }
}
Ойбек
Юзер

Ойбек - 19 августа 2016 13:34 -

Огромное спасибо! благодарю вас!!!
irrwisch
Юзер

irrwisch - 19 августа 2016 13:51 -

Хотя посмотрел сейчас актуальную документацию и для мобильных лучше использовать

@media only screen and (max-width: 640px) {...}

а для планшетов

@media only screen and (min-width: 641px) and (max-width: 1024px) {...}
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 04.04.2014 doktorpull  Шаблоны (TPL)
 04.04.2014 doktorpull  Общие вопросы по вёрстке, Шаблоны (TPL)
 10.12.2014 OlegGaiduk  Общие вопросы, Шаблоны (TPL), Ламерские вопросы
 05.01.2015 Tweitch  Шаблоны (TPL), Ламерские вопросы
 07.01.2015 249893  Общие вопросы, Шаблоны (TPL), Стили (CSS)
 28.05.2015 Xactip  Шаблоны (TPL)
 08.07.2015 zip  Шаблоны (TPL)
 28.08.2015 SEOWEB  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery
 14.04.2016 COCAINE  Общие вопросы, Шаблоны (TPL), Стили (CSS)
 07.08.2016 AMINAT  Шаблоны (TPL)
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Сегодня, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    Сегодня, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Сегодня, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Сегодня, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Сегодня, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Вчера, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
наверх