Запитання з тегом «html»

У мене є сторінка у моєму фронті з різними кнопками, всі кнопки самостійно працюють прекрасно, але якщо натиснути кнопку, яка відкриє розширення у веб-магазині хрому, а потім натисніть на іншу кнопку, сторінка не відкриється . Ось приклад того, про що я говорю. Якщо ви натискаєте кнопки, не закриваючи вкладки, що …

11 javascript  html  google-chrome 

Я створив такий сюжетний сюжет, як цей: 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 як такий: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Запуск коду вище генерує файл .html, який я можу переглядати у своєму браузері. Чи …

10 python  html  markdown  plotly  github-pages 

Я намагаюся імітувати інші додатки для чату для мобільних пристроїв, коли, коли ви вибираєте send-messageтекстове поле і воно відкриває віртуальну клавіатуру, все ще переглядається найнижнє повідомлення. Здається, це не дивно зробити це за допомогою CSS, тому JavaScript resize(єдиний спосіб дізнатися, коли клавіатура відкривається та закривається, очевидно) події та ручна прокрутка …

10 javascript  android  html  css  reactjs 

Я намагався використовувати щось подібне, щоб підвищити ефективність при натисканні з простої цільової сторінки на важку вагу для однієї сторінки: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Здається, немає помітного підвищення продуктивності, коли моя цільова сторінка знаходиться в субдомені. Скажімо, https://subdomain.example.com. Коли …

10 html  link-prefetch 

Я вчора поставив подібне запитання, але пояснив це погано і не вказав на своє бажання чистого CSS рішення, яке, на мою думку, повинно бути можливим, тому я намагаюся знову. В основному, у мене є проблема, де у мене є розділ прокручуваних повідомлень та поле введення під ним. Коли я натискаю …

10 javascript  html  css  scroll  scrollbar 

Я працюю над веб-програмою на одній сторінці, яка зазвичай використовується в мобільних пристроях. Однією з його особливостей є режим карти, який тимчасово переймає все вікно браузера; масштаб відстані та деякі елементи керування додаються до чотирьох кутів карти. Ось невеликий знімок карти, щоб ви могли сказати, про що я говорю: Карта …

10 html  css  mobile-safari  fullscreen 

Для того, щоб заповнити всю висоту сторінки, я використовую height: 100%;теги html та body, і вона працює чудово, поки браузер не буде закритий та не відкритий. (Я не використовую 100 ВГт через проблеми на мобільних пристроях https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Кроки до відтворення: Відкрийте https://angelika94.github.io/rick/ в Google Chrome на iPhone (ви …

10 html  css  height  google-chrome-app 

З моменту випуску Chrome v78.0.3904.70 у мене виникають проблеми з використанням  властивості CSS white-space: nowrap;. Здається, що нерозривний простір викликає розрив лінії. Під час використання text-overflow: ellipsisфактичний текст не відображатиметься, оскільки він порушений поза контейнером. Здається, це трапляється, якщо текст занадто довгий для відображення. .box-inline { max-width: 120px; overflow: hidden; …

10 html  css  google-chrome  whitespace 

Слідом за невеликим фрагментом мого коду. Просто цікаво знати, чому клітина "iphone" мерехтить лише від iphone. PS. Я не можу використовувати таблицю або список для структури. Я також спробував використовувати transform: translate3d(0,0,0);. В основному мені потрібна перша клітинка, яка буде липкою і для лівих, і для верхніх для iPhone та …

10 html  css 

Я поставив перед собою завдання створити візуально динамічний та інтерактивний досвід лише у HTML та CSS (Без Javascript). Поки що я не натрапив на будь-яку потрібну мені функцію, яку не міг зробити в чистому CSS та HTML. Це, мабуть, трохи складніше. Мені потрібно , щоб користувач з подвійного клацання <a>, …

9 html  css 

Я зробив обгортку, в якій я анімував той же ефект, що і Apple на їхній сторінці Airpods Pro . В основному це відео, коли я прокручую відтворення відео потроху. Положення відео виправлено, тому текст добре прокручується по ньому. Однак текст видно лише між зміщенням певного поділу (відображення тексту). Ця частина …

9 javascript  jquery  html  css 

У мене форма із залежним спадом. Це вторинне випадаюче меню приховується всякий раз, коли вибраний основний параметр не має жодних вторинних параметрів та коли сторінка спочатку завантажується. Щоразу, коли форма подається, видаляється лише перше поле, оскільки більшість часу спадні залишки залишаються однаковими, однак, оскільки сценарій працює, коли відбувається зміна первинного …

9 javascript  python  html  django 

У мене є "сортована" таблиця, де в заголовку поточно відсортованого стовпця відображається значок: Піктограма сортування повинна відображатися в кінці тексту (тобто ми підтримуємо LTR / RTL). Я зараз використовую display:flex. Однак якщо ширина таблиці зменшується і текст заголовка стовпця починає загортатись, я стикаюся з неоднозначними станами, де не зрозуміло, який …

9 html  css  layout  html-table  alignment 

У мене проблема з маркером, я хочу, щоб маркер був розтяжним для позначення в будь-якому місці на смузі прогресу Як показано нижче в GIF Питання: Я хочу вибрати будь-яку точку на панелі прогресу і мати змогу розтягнути маркер, який може бути декількома маркерними точками. Я не знаю, як це зробити …

9 javascript  jquery  html  video.js 

У мене виникають реальні проблеми, намагаючись дозволити вміст бічної панелі / навігації (за допомогою Bootstrap) показувати (бути розширеним) за замовчуванням на робочому столі та закрити за замовчуванням на мобільному телефоні та мати значок, який відображається лише на мобільному пристрої. Я не можу зробити так, щоб це спрацювало. <nav class="menu menu-open" …

9 javascript  html  css  bootstrap-4  responsive-design