Використання JavaScript. У цьому підході ми використовуємо JavaScript для динамічного збільшення розміру кнопки без використання CSS. Функція increaseFn(), яка запускається натисканням кнопки, отримує поточну ширину та висоту кнопки та збільшує їх на 20 пікселів і 10 пікселів.
Щоб змінити розмір кнопки в CSS, ви можете встановити властивості висоти та ширини. Наприклад, якщо ви хочете встановити ширину на 100 пікселів і висоту на 50 пікселів, ви повинні використовувати наступний код. Ви також можете використовувати інші одиниці, такі як em, rem, vh, vw або % залежно від ваших вимог.
ми можемо використовуйте властивість "width" у JavaScript, щоб встановити ширину елемента. Веб-сторінка має реагувати на кожному екрані. Кожен елемент на веб-сторінці повинен мати свою область. Ми можемо встановити розмір елементів, встановивши їх ширину та висоту.
Зміна розміру шрифту кнопки:
- Визначте функцію changeSizeByBtn(size), яка приймає параметр size.
- Усередині функції встановіть властивість fontSize контейнера ( продовж. стиль. fontSize ) на вказаний розмір. Ця функція полегшує зміну розміру шрифту на основі попередньо визначеного розміру, переданого як аргумент.
Кнопки зміни розміру Застосування однакової кількості пікселів до ширини ряду кнопок на інформаційній панелі полегшує їх читання та покращує вигляд інформаційної панелі.