Как сделать iframe отзывчивым, не предполагая соотношения сторон? Например, контент может иметь любую ширину или высоту, которые неизвестны до рендеринга. Обратите внимание, вы можете использовать Javascript. Пример: <div id="iframe-container"> <iframe/> </div> Измените размер...
У меня есть HTML-таблица, и я хочу нарисовать стрелку из одной ячейки в другую ячейку. Например, вот так: Как это можно сделать? Пример HTML: <html> <body> <table>...
В следующем примере, когда вы нажимаете на метку, вход меняет состояние. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input...
Браузер Chrome автозаполнение удалено эффект background-colorи background-imageот Usernameи Passwordполей ввода. До автозаполнения После автозаполнения Но Chrome Browser автозаполнения скрыть мои значки от входов и также изменил мои background-color. Поэтому мне нужно, чтобы мои иконки оставались...
Я создал автоматизацию, которая позволит мне вводить данные на веб-сайте (хотя я не могу поделиться им, поскольку он является внутренним). Мой код ниже работает только до тех пор, пока он не введет текст "получил от". Однако, это поле «получено от» имеет список автозаполнения, и мне нужно выбрать...
Проблема , кажется, что некоторые буквы , как g, y, qи т.д. , которые имеют хвост , что наклоны вниз, не позволяют для вертикального центрирования. Вот изображение, чтобы продемонстрировать проблему . Символы в зеленом поле в основном идеальны, так как у них нет нисходящего хвоста. Те, кто в...
У меня есть этот макет, который был создан динамически: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew"...
Следующая проблема возникла при использовании Firefox v73 в Windows 7: В моем коде я использую многофайловую сборку в html для загрузки до 100 файлов: <input type="file" id="files" name="files" multiple> Файлы будут отправлены в REST-API, который затем обрабатывает их. Когда я выбираю один...
У меня есть страница в моем веб-интерфейсе с различными кнопками, все кнопки сами по себе работают отлично, но если я нажимаю кнопку, открывающую расширение в интернет-магазине Chrome, а затем нажимаю другую кнопку, страница не открывается , Вот пример того, о чем я говорю. Если вы нажимаете...
Я пытался сделать так, чтобы таблица соответствовала странице (А4), как показано на картинке: я много искал, но не нашел ничего полезного в Интернете. Я использую динамическую таблицу, все в порядке, кроме ширины таблицы. вот мой код: $content = '<table><thead><tr><th...
После небольшой части моего кода. Просто интересно узнать, почему ячейка "iphone" мигает только от iphone. PS. Я не могу использовать таблицу или список для структуры. Я также пытался использовать transform: translate3d(0,0,0);. По сути, мне нужно, чтобы первая ячейка была липкой как для левой, так...
Начиная с выпуска Chrome v78.0.3904.70, я вижу проблемы с использованием со свойством CSS white-space: nowrap;. Кажется, что неразрывный пробел вызывает разрыв строки. При использовании text-overflow: ellipsisфактический текст не будет отображаться, поскольку он разбит за пределами...
Чтобы заполнить всю высоту страницы, я использую height: 100%;теги html и body, и она работает нормально, пока браузер не будет закрыт и снова открыт. (Я не использую 100vh из-за проблем на мобильных устройствах...
Я работаю над одностраничным веб-приложением, которое чаще всего будет использоваться на мобильных устройствах. Одной из его функций является режим карты, который временно занимает все окно браузера; шкала расстояний и некоторые элементы управления прикреплены к четырем углам карты. Вот небольшой...
Я пытался использовать что-то вроде этого, чтобы повысить производительность при переходе от простой целевой страницы к тяжелому одностраничному приложению: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script"...
Я задал похожий вопрос вчера, но плохо объяснил, и не указал мое желание чисто CSS-решения, которое, я думаю, должно быть возможным, поэтому я пытаюсь снова. По сути, у меня есть проблема, где у меня есть div прокручиваемых сообщений и поле ввода под ним. Когда я нажимаю кнопку, я бы хотел, чтобы...
Я пытаюсь имитировать другие мобильные приложения чата, где при выборе send-message текстового поля и открытии виртуальной клавиатуры самое нижнее сообщение все еще отображается. Кажется, не существует способа сделать это с помощью CSS, так что JavaScriptresize (единственный способ выяснить, когда...
Я создал следующий сюжетный сюжет так: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Затем я создал HTML как таковой:...
Я посмотрел на консоль и заметил эти предупреждения Файл cookie, связанный с межсайтовым ресурсом по адресу http://google.com/, был установлен без атрибута SameSite. В следующем выпуске Chrome файлы cookie будут отправляться только с межсайтовыми запросами, если для них установлено значение...
Мне нужно создать компонент, который должен работать с обеими спецификациями, custom elements spec v0которые устарели, и с custom elements spec v1последней стабильной версией. Если я создаю компоненты со custom elements v0спецификацией, некоторые приложения столкнутся с проблемами, поскольку они...