Jak sprawić, by iframe reagował bez zakładania współczynnika proporcji? Na przykład treść może mieć dowolną szerokość lub wysokość, która jest nieznana przed renderowaniem. Uwaga: możesz używać Javascript. Przykład: <div id="iframe-container"> <iframe/> </div> Zmień to...
W poniższym przykładzie kliknięcie etykiety powoduje zmianę stanu danych wejściowych. 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:...
Przeglądarka Chrome auto-fill usuwa efekt background-colori background-imageod Usernamei Passwordpól wejściowych. Przed autouzupełnianiem Po autouzupełnianiu Ale autouzupełnianie przeglądarki Chrome ukrywa moje ikony przed danymi wejściowymi, a także zmieniało moje background-color....
Problem wydaje się, że niektóre litery, takie jak g, y, q, itd., Które mają ogon, które schodzą w dół, nie można dopuścić do pionowego centrowania. Oto zdjęcie przedstawiające problem . Postacie w zielonym polu są w zasadzie idealne, ponieważ nie mają ogona skierowanego w dół. Te w czerwonym polu...
Próbowałem wielu sposobów, aby dopasować tabelę do strony (A4), jak pokazano na zdjęciu: Dużo szukałem, ale nie znalazłem nic przydatnego w Internecie. Korzystam z tabeli dynamicznej, wszystko jest w porządku, z wyjątkiem szerokości tabeli. oto mój kod: $content =
Spróbuj uruchomić następujący fragment kodu, a następnie kliknij pole. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => {...
Mamy aplikację e-commerce, która wysyła szczegóły zamówienia po dokonaniu zakupu, i właśnie przeprojektowaliśmy ten szablon e-maila. W ciągu ostatnich kilku dni otrzymywaliśmy raporty, w których brakowało połowy tekstu w e-mailu. Po otrzymaniu zrzutu ekranu dowiedzieliśmy się, że problem występuje...
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...
Od wydania Chrome w wersji 78.0.3904.70 widzę problemy z używaniem 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...
Tło problemu: Używam katex do renderowania matematyki na stronie. Następnie chcę utworzyć wersję PDF części tej strony, dlatego tworzę dokument HTML zawierający część do wyeksportowania, która wstawia cały CSS i przekazuję go do renderera. Mechanizm renderujący nie może uzyskać dostępu do zasobów...
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
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...
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...
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...
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ć. <nav class="menu...
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ć,...
Mam aplikację, w której korzystam z Material UI i jej dostawcy motywów (używając JSS). Teraz włączam funkcję fullcalendar-reag , która nie jest tak naprawdę pełnoprawną biblioteką React - to tylko cienkie opakowanie komponentu React wokół oryginalnego kodu fullcalendar. To znaczy, że nie mam...
Muszę zbudować karuzelę z 12 przedmiotami, które symulują nieskończenie obracające się koło 3d. Żeby było jasne, muszę stworzyć właśnie ten efekt: https://codepen.io/SitePoint/pen/yXWXaw (znaleziono tutaj ) ale dzięki tym dodatkowym funkcjom (szczególnie na komputerach i urządzeniach mobilnych):...
Stworzyłem animację mapy skarbów. Najpierw będzie wyświetlać ścieżkę w kolorze jasnoszarym, ale gdy rozpocznie się animacja, chciałbym, aby jasnoszare kreski zniknęły lub zmieniły kolor na czarny w miarę uruchamiania animacji wypełnienia „.road”. Jestem walczy o to, aby jasnoszare kreski „.steps”...
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...