Jump to content
  • Sign Up

Уменьшить размер шрифта при уменьшении блока


Recommended Posts

div.Row {
           height: 15vh;  
           width: 100%;
          ...
}
   
   
div.Col{ height: 100%; .....
.Col1{width: 10%;} .Col2{width: 60%;}
)

<Div class = "Row">

<Div class = "Col Col1">текст<Div>
<Div class = "Col Col2">Длинный текст<Div>

</Div>

Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим,  70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере?

Спасибо

Edited by minvareg
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Member Statistics

    47,177
    Total Members
    1,451
    Most Online
    ratus
    Newest Member
    ratus
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Свежие Темы

  • Последние сообщения

    • klierik
      В случае, когда используется float, margin работает как и прежде. Но, визуально, может казаться что это не так. Дело в том, что в таком случае блоки не имеют аналогичного влияния друг на друга из-за обтекания (float). Вот приблизительно то, о чём Вы говорите https://jsfiddle.net/klierik/bw418vqt/2/
    • denis_alekss
      Вот еще вариант один:   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> let Person = function Pers(name, age, gender) { // Имя будет Pers this.name = name; this.age = age; this.gender = gender; }; Person.prototype.greet = function () { console.log("My name is " + this.name); } let Person2 = Person; Person2.prototype.goodbye = function () { console.log("Goodbye, " + this.name); } let Son = function (age, skils) { // Имя будет Son // Родительский конструктор вызывается до дочернего конструктора, // чтобы не было перезаписывания новых полей. Person.call(this, undefined, age, undefined); this.skils = skils || []; this.gender; } let Sunny = Son; Sunny.prototype = Object.create(Person.prototype); Sunny.prototype.constructor = Sunny; // Имя будет Son let a = new Person("Петя", 25, "female"); console.log(a); console.log(a.constructor.name); let b = new Son(18, ["рисует", "поет", "водит"]); console.log(b); console.log(b.name); </script> </body> </html>   Задался еще таким вопросом. Я передал аргументы конструктору Person создав объект а,   let a = new Person("Петя", 25, "female");  а как получить эти значения объекту b и вывести? Если написать так:     console.log(b.name);  получим undefined при выводе, а мне к примеру нужно унаследовать от родителя эти значения name, age, gender и вывести через потомка. Метод call дал возможность greet вызвать саму себя?
    • Full-R
      HTML элемент input должен содержать атрибут type: Атрибут type | htmlbook.ru
  • Popular Contributors

×
×
  • Create New...