Pytania otagowane jako html

HTML (HyperText Markup Language) to główny język znaczników do tworzenia stron internetowych i innych informacji wyświetlanych w przeglądarce internetowej. Pytania dotyczące HTML powinny zawierać minimalny odtwarzalny przykład i pewne pojęcie o tym, co próbujesz osiągnąć. Ten znacznik jest rzadko używany samodzielnie i często jest łączony z [CSS] i [javascript].

1
Wyświetl interaktywny wykres działkowy (plik .html) na stronach GitHub
Utworzyłem następujący fabułę w następujący sposób: 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') Następnie utworzyłem HTML jako taki: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Uruchomienie powyższego kodu generuje plik .html, który mogę wyświetlić w przeglądarce. Czy istnieje sposób wyświetlania pliku …
3
Utrzymanie pozycji przewijania działa tylko wtedy, gdy nie znajduje się w dolnej części wiadomości div
Próbuję naśladować inne mobilne aplikacje do czatowania, w których po wybraniu opcji send-message tekstowego i otwarciu wirtualnej klawiatury nadal wyświetla się najniższa wiadomość. Wydaje się, że nie ma sposobu, aby zrobić to z CSS w zadziwiający sposób, więc JavaScript resize(jedyny sposób, aby dowiedzieć się, kiedy klawiatura jest najwyraźniej otwarta i …
11
Zapobiegać przewijaniu div w górę, gdy zostanie uderzony przez div poniżej?
Poprosiłem podobne pytanie wczoraj, ale wyjaśnił to źle, a nie określił moje pragnienie roztworu czystego CSS, które myślę, że powinno być możliwe, więc jestem znowu próbuje. Zasadniczo mam problem polegający na tym, że mam div przewijalnych wiadomości i pole wprowadzania poniżej. Kiedy klikam przycisk, chciałbym, aby pole wejściowe zostało powiększone …
3
Czy pobieranie linków działa w subdomenach?
Próbowałem użyć czegoś takiego, aby uzyskać wzrost wydajności, gdy klikam od prostej strony docelowej do ciężkiej aplikacji na jednej stronie: <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" /> Wygląda na to, że nie ma zauważalnego wzrostu wydajności, gdy moja strona docelowa znajduje się …
9
Jak sprawić, aby <div> dokładnie wypełniał okno przeglądarki, w tym Mobile Safari od 2019 r
Pracuję nad jednostronicową aplikacją internetową, która najczęściej będzie używana na urządzeniach mobilnych. Jedną z jego funkcji jest tryb mapy, który tymczasowo przejmuje całe okno przeglądarki; skalę odległości i niektóre elementy sterujące są dołączone do czterech rogów mapy. Oto mały zrzut ekranu mapy, dzięki czemu możesz powiedzieć, o czym mówię: Mapa …
1
iOS Chrome oblicza niewłaściwą wysokość dokumentu
Aby wypełnić całą wysokość strony, używam height: 100%;tagów HTML i body, i działa dobrze, dopóki przeglądarka nie zostanie zamknięta i ponownie otwarta. (Nie używam 100vh z powodu problemów na urządzeniach mobilnych https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Kroki ku reprodukcji: Otwórz https://angelika94.github.io/rick/ w Google Chrome na iPhonie (zobaczysz, że nawigacja (Morty and Beer) …
2
Problem z „white-space: nowrap” w Chrome 78.0.3904.70
Od wydania Chrome w wersji 78.0.3904.70 widzę problemy z używaniem &amp;nbsp;właściwości CSS white-space: nowrap;. Nieprzerwana przestrzeń wydaje się powodować łamanie linii. Podczas używania text-overflow: ellipsisrzeczywisty tekst nie będzie wyświetlany, ponieważ jest uszkodzony na zewnątrz kontenera. Wydaje się, że dzieje się tak tylko wtedy, gdy tekst jest zbyt długi, aby go …
2
Ustaw migające migające iPhone'a
Po małym fragmencie mojego kodu. Zastanawiam się tylko, dlaczego komórka „iphone” miga tylko z telefonu iPhone. PS. Nie mogę użyć tabeli ani listy dla struktury. Próbowałem też użyć transform: translate3d(0,0,0);. Zasadniczo potrzebuję, aby pierwsza komórka była lepka zarówno dla Lewej, jak i Górnej na iPhonie i iPadzie. Chciałbym to zrobić …
10 html  css 
2
Jak wyłączyć przycisk przesyłania i łącza po kliknięciu w czystym CSS?
Rzuciłem sobie wyzwanie, aby stworzyć wizualnie dynamiczną i interaktywną obsługę tylko w HTML i CSS (bez Javascript). Jak dotąd nie spotkałem się z żadną potrzebną funkcją, której nie mogłem zrobić w czystym CSS i HTML. Ten jest może nieco trudniejszy. Muszę uniemożliwi użytkownikowi podwójne kliknięcie &lt;a&gt;, &lt;input type="submit"&gt;i &lt;button&gt;tagów. Zapobiega …
9 html  css 
2
Element od stałego do względnego na zwoju
Zrobiłem opakowanie, w którym animowałem taki sam efekt jak Apple na ich stronie Airpods Pro . Zasadniczo jest to wideo, kiedy przewijam wideo, odtwarzam je krok po kroku. Pozycja wideo jest ustalona, ​​więc tekst ładnie się przewija. Jednak tekst jest widoczny tylko wtedy, gdy znajduje się między przesunięciem określonego podziału …
5
Używając CSS, jak „ściśle” wyrównać „A” na dole / końcu „B”, gdzie „B” ma nieznaną szerokość i zawijanie tekstu
Mam „sortowalną” tabelę, w której nagłówek aktualnie posortowanej kolumny wyświetla ikonę: Ikona sortowania ma być wyświetlana na końcu tekstu (tzn. Obsługujemy LTR / RTL). Obecnie używam display:flex. Jeśli jednak szerokość tabeli się zmniejszy, a tekst nagłówka kolumny zacznie się zawijać, wpadam w dwuznaczne stany, w których nie jest jasne, która …
6
Pasek boczny domyślnie otwarty na komputerze, zamknięty na telefonie komórkowym
Mam poważne problemy z uzyskaniem zawartości paska bocznego / nawigacji (za pomocą Bootstrap), aby domyślnie wyświetlać (być rozwijana) na komputerze i domyślnie zamykać na urządzeniach mobilnych, a ikona wyświetla się tylko na urządzeniach mobilnych. Nie mogę tego zrobić. &lt;nav class="menu menu-open" id="theMenu"&gt; &lt;div class="menu-wrap"&gt; &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" …
2
Jak budować niestandardowe elementy sieciowe do pracy z obiema specyfikacjami
Muszę zbudować komponent, który powinien działać z obiema specyfikacjami, custom elements spec v0które stały się przestarzałe i custom elements spec v1najnowszą stabilną wersją. Jeśli skompiluję komponenty ze custom elements v0specyfikacją, niektóre aplikacje napotkają problemy, ponieważ używają polymer 2i powyżej, i ten sam problem z polymer 1aplikacjami, które nie będą działać …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.