Ваша формула неверна. Если мы рассмотрим эту часть: ((100vw - 420px) / (1200 - 420))
у нас будет 0px
, когда 100vw равен 420px и 1px
, когда равен 1200px. Затем вы умножаете на (var(--max-font) - var(--min-font))
, что равно 1.25
для h1
, так что в основном у вас будет значение между 0px
и 1.25px
, и если мы добавим основную часть ((var(--min-font) * var(--root-size))
), мы получим font-size
только между 25px
и 26.25px
, а не 50px
.
Вы пропускаете умножение на var(--root-size)
во второй части. При этом вы получите значение от 0px
до 25px
, НО есть проблема, потому что вы не можете выполнить это умножение, поскольку у вас будет px*px
, которое недопустимо при использовании calc
.
Чтобы преодолеть это, ваш font-size
должен быть определен как бесконечный, и ваша формула должна быть скорректирована, как показано ниже:
* {
/* Setting root font size*/
--root-size: 20;
font-size: calc(var(--root-size, 20) * 1px);
/* Typography */
--main-font: 'Slabo 27px', serif;
/* Calculation, Ranges from 421px to 1199px */
--responsive: calc((var(--min-font) * var(--root-size) * 1px) + (var(--max-font) - var(--min-font)) * var(--root-size) * ((100vw - 420px) / (1200 - 420)));
}
h1 {
/* Set max and min font sizes */
--max-font: 2.5;
/* 2.5rem equals to 50px */
--min-font: 1.25;
/* 1.25rem equals to 25px */
font-family: var(--main-font);
font-size: var(--responsive);
}
p {
font-family: sans-serif;
margin: auto;
width: fit-content;
/* Set max and min font sizes */
--max-font: 1;
/* 1rem equals to 25px */
--min-font: 0.7;
/* 0.7rem equals to 14px */
font-size: var(--responsive);
}
@media (min-width: 1200px) {
h1,
p {
font-size: calc(var(--max-font) * var(--root-size) * 1px);
}
body {
background:red;
}
}
@media (max-width: 420px) {
h1,
p {
font-size: calc(var(--min-font) * var(--root-size) * 1px);
}
body {
background:blue;
}
}
/* Whatever */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
body {
display: flex;
}
div {
margin: auto;
padding: var(--root-size);
}
a,
a:visited,
a:focus,
a:active,
a:link {
text-decoration: none;
outline: 0;
}
a {
color: skyblue;
transition: .2s ease-in-out color;
}
h1,
h2,
h3,
h4 {
margin: .3em 0;
}
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<div>
<h1>Responsive text with CSS Custom Properties</h1>
<p>Custom Properties <a rel="noopener noreferrer" target="_blank" href="http://caniuse.com/#feat=css-variables">isn't supported</a> by IE.</p>
<p>Inspired From <a href="https://codepen.io/dannievinther/pen/GNExxb?editors=1100">A PEN BY Dannie Vinther</a></p>
</div>
PHP 5.3 позволит создание функций лямбды и закрытия, которые позволили бы Вам реализовывать свой пример кода. От RFC PHP:
function & (parameters) use (lexical vars) { body }
Функция возвращается как ссылка и может быть передана как обратный вызов. Например, создание функции:
$lambda = function () { echo "Hello World!\n"; };
Передача лямбды функционирует как обратный вызов:
function replace_spaces ($text) {
$replacement = function ($matches) {
return str_replace ($matches[1], ' ', ' ').' ';
};
return preg_replace_callback ('/( +) /', $replacement, $text);
}
Закрытия также позволяют Вам импортировать переменные из локального объема:
$map = function ($text) use ($search, $replacement) {
if (strpos ($text, $search) > 50) {
return str_replace ($search, $replacement, $text);
} else {
return $text;
}
};
Где $search и $replacement и объявляются вне закрытия, и $text является параметром функции.
Можно использовать в своих интересах __call
метод для перенаправления несуществующих вызовов метода. Добавьте реестр к своему классу, таким образом, можно добавить/удалить методы на лету. Соглашение о вызовах для внешней функции состоит в том, что первый параметр является объектом, с которым была связана функция.
clas Foo {
private $registry;
public function __call($alias, $args) {
if (array_key_exists($alias, $this->registry)) {
// prepend list of parameters with $this object
array_unshift($args, $this);
return call_user_func_array($this->registry[$alias], $args)
}
}
public function register($method, $alias = null) {
$alias or $alias = $method; // use original method name if no alias
$this->registry[$alias] = $method;
}
public function unregister($alias) {
unset($this->registry[$alias]);
}
}
Вообразите функцию clone_object
это возвращает массив клонированных объектов. Первый параметр является объектом, который будет клонирован, и вторым является количество клонов.
function clone_object($foo, $n) {
$a = array();
while ($n--) {
$a[] = clone $foo;
}
return $a;
}
Теперь, этот путь можно ввести метод clone_object
в класс Foo
и дайте ему имя псевдонима bar
:
$f = new Foo();
$f->register('clone_object', 'bar');
$f->bar(5); // this will return array of 5 cloned objects
В последнем вызывающем методе строки bar
заставит перенаправление функционировать clone_object
. Мышление то соглашение о вызовах вставит параметр $this
в список параметров, таким образом, (5)
будет изменен на ($this, 5)
.
Протест состоит в том, что внешние функции не могут работать над частными/защищенными свойствами и методами.
Просто заключительное слово, если можно думать о решении, которое не изменяет объекты на лету, необходимо, вероятно, использовать его. Вышеупомянутое является черным колдовством и должно использоваться с экстремальной осторожностью.
PHP может через create_function (). Синтаксис является cruciating, хотя представляя его почти абсолютно бесполезный.
Кажется, что PHP5.3 + получает / поддержку закрытий и лямбда!
Однако также от RFC
Функции лямбды / закрытия не являются способом динамично расширяющихся классов дополнительными методами во времени выполнения. Существует несколько других возможностей уже сделать это, включая подарок _ _call семантический.
Надлежащие анонимные функции / закрытия только доступны в PHP 5.3, который не будет широко доступен некоторое время - немного полезной информации. Я не думаю, что действительно возможно сделать то, что Вы хотите.
Можно использовать create_function()
до степени:
$func = create_function('$baz', ' echo strtoupper($baz); ');
$func("hello");
Однако следующее не работает, как Вы ожидали бы:
$foo = new Foo;
$foo->bar = create_function('$baz', ' echo strtoupper($baz); ');
$foo->bar('lorem ipsum dolor sit amet');
Необходимо было бы сделать вместо этого:
call_user_func($foo->bar, 'lorem ipsum dolor sit amet');
Также Вы не можете использовать $this
в эмпирической функции, потому что ее объем не совпал бы с методом.
Править
Я случайно копировал часть ответа Martijn, когда он отредактировал его, в то время как я писал мой. Я оставлю свой ответ неповрежденным ради полноты
Другое редактирование
Вы могли, возможно, также сделать что-то как
class Foo
{
public $bar;
protected $anonFuncs = array();
public function create_method($name, $params, $code) {
if (strlen($params)) $params .= ',';
$params .= '$self';
$this->anonFuncs[$name] = create_function($params, $code);
}
public function __call($name, $args) {
if (!isset($this->anonFuncs[$name])) {
trigger_error("No method $name", E_USER_ERROR);
}
$args[] = $this;
return call_user_func_array($this->anonFuncs[$name], $args);
}
}
$foo = new Foo;
$foo->create_method('bar', '$baz', ' echo strtoupper($baz) . get_class($self); ');
$foo->bar('lorem ipsum dolor sit amet');
Используя создать функцию Вы могли сделать что-то как:
$Dynamic->lambda = create_function('$var', 'return $var." world."; ');
$classic = $Dynamic->lambda("hello"); // classic would contain "hello world."
Код класса содержал бы что-то как:
public function __set($methodname, $function)
{
$this->methods[$methodname] = $function;
}
public function __get($methodname)
{
return $this->methods[$methodname];
}
public function __call($method, $args)
{
$funct = $this->{$method};
//$args[] = $this; --to add the current object as a parameter option
return call_user_func_array($funct, $args);
}
Примечание: то, что Вы не сможете использовать область объекта ($this
переменная) в Вашем создавать функцию, поскольку в основном это просто использует интерфейс объекта для create_function, который находится в глобальном пространстве имен. Однако можно легко добавить экземпляр объекта к списку параметров и вытянуть его в класс, но с другой стороны у Вас только был бы доступ к открытым методам класса втянутым.