Помощник
|
Изменение размера шрифта |
Mishko_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
alexdrob |
12.7.2011, 20:20;
Ответить: alexdrob
Сообщение
#2
|
|
[JS]screen.width[/JS]
если не ошибаюсь содержит как раз ширину всего экрана. проверяйте если больше 1100 то стиль один приписывайте если меньше то другой стиль. или же класс. |
|
|
Mishko_hb
|
Сообщение
#3
|
|
Код получился такой:
[JS]<script language="JavaScript"> if (screen.width < 1280) { document.write("<h1 style='font-size: 2.4em;'>Заголовок 1</h1>"); } if (screen.width > 1280) { document.write("<h1 style='font-size: 3.6em;'>Заголовок 1</h1>"); } </script>[/JS] Ничего не работает( |
|
|
alexdrob |
18.7.2011, 17:15;
Ответить: alexdrob
Сообщение
#4
|
|
ну во первых, у вас не рассмотрен вариант если = 1280 :) можно было просто
[JS]<script language="JavaScript"> if (screen.width < 1280) { document.write("<h1 style='font-size: 2.4em;'>Заголовок 1</h1>"); } else { document.write("<h1 style='font-size: 3.6em;'>Заголовок 1</h1>"); } </script>[/JS] а лучше делать не так, а как то так <script>
window.onload = function (e) { var el = document.getElementById('h') if (screen.width < 1280) el.className = 'smallH'; else el.className = 'bigH'; } </script> <style> .smallH{font-size: 2.4em;} .bigH{font-size: 3.6em;} </style> <h1 id="h">Заголовок 1</h1> |
|
|
Mishko_hb
|
Сообщение
#5
|
|
Вставил скрипт и стиль в head, по-прежнему ничего не меняется с заголовком..
|
|
|
alexdrob |
18.7.2011, 18:10;
Ответить: alexdrob
Сообщение
#6
|
|
а вы разрешение меняете? или просто окно браузера сужаете?
|
|
|
alexdrob |
18.7.2011, 18:11;
Ответить: alexdrob
Сообщение
#7
|
|
вам нужно запустить с разрешением 1280 - будет большой
а потом например с 1024 - будет маленький |
|
|
Mishko_hb
|
Сообщение
#8
|
|
Да, я действительно менял размер окна браузера)
А можно как-то добиться такого эффекта, чтобы в зависимости от размера окна браузера менялся размер шрифта? |
|
|
alexdrob |
18.7.2011, 21:28;
Ответить: alexdrob
Сообщение
#9
|
|
если разрешение меньше вы что просили, то и получили :) [JS]<script> function resize() { var width = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth)) var el = document.getElementById('h') if (width < 1280) el.className = 'smallH' else el.className = 'bigH' } window.onresize = resize window.onload = function () {resize()} </script> <style> .smallH{font-size: 2.4em;} .bigH{font-size: 3.6em;} </style> <h1 id="h">Заголовок 1</h1>[/JS] |
|
|
Mishko_hb
|
Сообщение
#10
|
|
Спасибо огромное, все работает!)
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Изменение дизайна шаблона Joomla | 0 | neesupermario | 1816 | 3.1.2018, 15:20 автор: neesupermario |
|
Изменение шрифта в placeholder | 6 | Alexej_mw | 2461 | 24.8.2017, 12:10 автор: Alexej_mw |
|
Нужен мастер для наладки плагина стоящего,исправления цвета, размеров шрифта | 4 | Yuliya1982 | 1327 | 29.7.2017, 20:34 автор: Yuliya1982 |
|
Изменение цвета в шаблоне | 18 | shulz | 3167 | 5.12.2016, 17:11 автор: shulz |
|
Подскажите название шрифта | 1 | nkama | 1785 | 28.9.2016, 11:51 автор: JaMaster |
Текстовая версия | Сейчас: 19.4.2024, 23:45 |