обнаружьте размер шрифта браузера

Ваша задача такова:

- name: Create MariaDB username and password
  mysql_user: login_user=root login_password=root name = {{ wp_mysql_user }} password = {{ wp_mysql_password }}
  priv=*.*:ALL`

У вас есть пробелы между name и password и значениями, которые они должны принимать. И для безопасной работы с переменными вы должны также поставить кавычки (") вокруг переменных.

Попробуйте это:

- name: Create MariaDB username and password
  mysql_user: login_user=root login_password=root name="{{ wp_mysql_user }}" password="{{ wp_mysql_password }}" priv=*.*:ALL
7
задан phihag 11 April 2009 в 12:06
поделиться

4 ответа

Is it possible to detect browser font size?

Kind of, but it's rarely a good idea to. Assuming has no font size set and there are no interfering rules (like ‘body div’):

var measure= document.createElement('div');
measure.style.height= '10em';
document.body.appendChild(measure);
var size= measure.offsetHeight/10;
document.body.removeChild(measure);

gives you the size in pixels of 1em.

Also is it possible to dedect new font size when user changes the font size from menu selection?

Not directly, but you can poll a measurer function like the above every so often. On IE you could hang the check off a CSS expression(), as these recalculate when the font size is changed (amongst many other times), but it's probably not worth it (you'd still need the poller for other browsers and expression() is deprecated anyway).

7
ответ дан 6 December 2019 в 19:42
поделиться

Насколько я знаю, нет способа узнать. Вы просто предполагаете, что размер по умолчанию составляет 16 пикселей, что является стандартом.

Рекомендуется устанавливать все размеры шрифта в ems, которые масштабируются в соответствии с базовым размером шрифта.

Большинство людей устанавливают базовый шрифт на 10 пикселей. которые облегчают работу с ems.

Пример

16px = 1em

p {
    font-size:2em;
}

Это будет равно 32px


10px = 0.625em

body {
    font-size:0.625em;
}

p {
    font-size:2em;
}

Это будет равно 20px;

Надеюсь, это помогло.

3
ответ дан 6 December 2019 в 19:42
поделиться

Краткий ответ - нет. Однако я подозреваю, что вы хотите поместить разные размеры в разные элементы в зависимости от размера шрифта пользователя. Если это так, вы можете захотеть взглянуть на указание правил CSS в «em», которое определяется как отношение к текущему размеру шрифта.

2
ответ дан 6 December 2019 в 19:42
поделиться

Моя мотивация для отслеживания изменений размера текста состоит в том, чтобы динамически изменять высоту (или ширину) элементов, чтобы для всей страницы не требовались полосы прокрутки окна браузера. Обычно, когда вы делаете это, вы отвечаете на событие изменения размера, но изменение размера шрифта также может повлиять на ваши вычисления. Меня не очень заботит фактический размер шрифта, мне просто нужно знать, когда он меняется.

Вот код jQuery, который я использую. Это похоже на решение, предложенное bobince. У меня есть функция изменения размера, которая обновляет высоту div и т. Д.

$(window).resize(resize); // update when user resizes the window.

$("body").append("<p id='textSizeReference' style='display:none;padding:0'>T</p>");
var refTextHeight = $("#textSizeReference").height();
setInterval(function() {
    var h = $("#textSizeReference").height();
    if (h != refTextHeight) {
        refTextHeight = h;
        resize(); // update when user changes text size
    }
}, 500);

Если это приложение ajax, которое запрашивает изменения в location.hash, вы можете использовать ту же функцию опроса для изменения размера текста.

0
ответ дан 6 December 2019 в 19:42
поделиться