Я ничего не нашел на форуме, этот вопрос может быть глупым, но я новичок. Я пытаюсь сделать «кнопку», когда я нажимаю на нее, что-то происходит. Но это не проблема. Я не знаю, как держать кнопку в центре страницы с любым увеличением, на ПК и на мобильном устройстве. Я думал использовать образ, но я все равно хочу спросить, как это сделать, если мне это нужно.Держите те же размеры с разными зонами
- код прост, но есть две проблемы, я не знаю, как исправить: Когда я увеличивать или уменьшать масштаб, коробка остается тем же, но изменения размера шрифта . Я не знаю, как сделать его статичным;
- на мобильном телефоне, все неправильно размещены, я серьезно не знаю, что делать
\t \t \t #div{
\t \t \t \t height:10%;
\t \t \t \t width:50%;
\t \t \t \t border:0.01em solid black;
\t \t \t \t background-color:lightblue;
\t \t \t \t border-radius:500em;
\t \t \t \t position:absolute;
\t \t \t \t left:25%;
\t \t \t \t top:45%;
\t \t \t }
\t \t \t #p{
\t \t \t \t text-align:center;
\t \t \t \t margin:0px;
\t \t \t \t position:relative;
\t \t \t \t height:50%;
\t \t \t \t top:25%;
/*not sure if this is how to center the text*/
\t \t \t \t \t \t
\t \t \t \t font-size:1em; /*not sure*/
\t \t \t }
<!DOCTYPE html>
<html>
\t <head>
\t \t <title>Bottone inutile</title>
\t \t <script>
/*...*/
\t \t </script>
\t \t <style>
/*...*/
\t \t </style>
\t </head>
\t <body>
\t \t <div id="div" onclick="something()">
\t \t \t <p id="p">text</p>
\t \t </div>
\t </body>
</html>
Кнопка масштабирования в браузерах предназначена для изменения макета страницы. Если размер шрифта не увеличивается, масштабирование не имеет значения, не так ли? – Randy
Да, но если я создаю статическую коробку, текст продолжает выходить за пределы div –
Нравится? https://jsfiddle.net/oqxpz4dq/ – pol