Konsultacje dotyczące react i next.js
Dzień dobry, nasz front został stworzony rok temu i nie ma już dostępu do front-endu.
Mam pytanie 1:
w projekcie jest iframe, który za pomocą kodu HTML jest osadzany na stronie (w załączonym pliku)
Zadanie polega na tym, aby zmieniając szerokość i wysokość w kodzie HTML, osiągnąć proporcjonalną zmianę ramki

aby można było osadzić w dowolnym miejscu swojej strony w dowolnym rozmiarze, jakiego się chce.
Pytanie 1: sprawdzić obecne rozwiązanie i zrozumieć, na ile jest to teraz możliwe.
Pytanie 2: Sprawdzić obecne funkcjonalności pod kątem responsywności układu, szczególnie mobilnego, aby okno komunikacji mieściło się w rozmiarze ekranu urządzenia mobilnego.
Pytanie 3: po konsultacji otworzymy następny projekt do poprawy w razie potrzeby.
Załączniki 1
-
1 dzień424 PLN
14 1 dzień424 PLNCześć.
Gotowy, aby to przejąć. Napisz do mnie, możemy omówić to w większych szczegółach.
-
2 dni106 PLN
355 2 dni106 PLNDzień dobry, link można przekształcić w komponent do ponownego użycia w aplikacji. Można również użyć własnego czatu z obecnym asystentem AI. Jak macie zorganizowane wewnętrzne menedżery stanu? Piszcie na priv.
-
1 dzień106 PLN
875 9 2 1 dzień106 PLNCześć, napisz na priv
-------------------------------------------
-
1 dzień106 PLN
93816 1268 1 10 1 dzień106 PLNCześć. Mam duże doświadczenie z Next.js. Jestem gotów do współpracy.
-
1 dzień106 PLN
1240 6 0 1 dzień106 PLNCześć, Wład! Mam doświadczenie w potrzebnym Ci stacku. Rozumiem, w którą stronę trzeba "kopać". Jestem gotów w prywatnej korespondencji omówić bardziej szczegółowo Twoje wymagania. Pisz, będę zadowolony ze współpracy ) Jako przykład, robiliśmy redesign tej strony https://mashaonsol.com/ z podobnymi rzeczami
-
1 dzień106 PLN
379 1 dzień106 PLNDzień dobry!
Jesteśmy gotowi, aby pomóc, napisz w wiadomościach prywatnych, od razu przystąpimy do realizacji!
-
3 dni212 PLN
852 15 4 3 dni212 PLNCześć,
Jestem doświadczonym programistą Full-Stack i zajmuję się programowaniem od ponad 4 lat. Mam ogromne doświadczenie w pracy z responsywnym układem. Pracowałem z Iframe, kiedyś tworzyłem osadzone widgety na stronę. Chętnie pomogę Ci w realizacji Twojego zadania! Napisz do mnie na PW, omówimy wszystko dokładniej.
Będę zadowolony ze współpracy z Tobą.
Z poważaniem,
Maksim Alesiayuk
-
1 dzień106 PLN
322 1 dzień106 PLNDzień dobry, chętnie pomogę w rozwiązaniu twojego problemu, ale nie do końca zrozumiałem, co dokładnie potrzebujesz, napisz na priv
-
через aspect-ratio можно добиться этого, если я правильно понял задачу
-
Можно фрейм сделать компонентом и передавать нужные параметры. Пишите, помогу
-
Question 1: Adjusting iframe width & height dynamically
Currently, the iframe has fixed dimensions (
width="315px"andheight="420px"). To make it responsive and proportional, you can use CSS styles like this:Solution 1: Using CSS to make it responsive
Modify the HTML as follows:
```
<div style="position: relative; width: 100%; max-width: 400px; aspect-ratio: 3/4;">
<iframe
style="width: 100%; height: 100%; border: none;">
</iframe>
</div>
```
Question 2: Checking responsiveness
To test responsiveness:
- Open the site in a browser.
- Open Developer Tools (
F12orCtrl + Shift + Iin Chrome). - Click on the device toolbar (toggle mobile view).
- Check how the iframe behaves on different screen sizes.
Issues to look for:
- If the iframe overflows the screen or is too small.
- If the chat window inside adapts properly to mobile sizes.
Question 3: Next Steps for Further Development
Once we confirm the iframe works responsively, we can move to additional improvements like:
- Dynamic height adjustments based on content.
- Custom styling to better fit your site design.
- Advanced features, such as embedding controls, resizing dynamically, or integrating with your app's UI.
-
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Sklep internetowy z obuwiemW związku z rozszerzeniem asortymentu oraz zaangażowaniem partnerów w systemie dropshipping poszukujemy specjalisty lub zespołu do stworzenia nowoczesnego sklepu internetowego z obuwiem. WAŻNE: należy stworzyć zautomatyzowany system ewidencji towarów z podłączeniem partnerskich… Sklepy internetowe i e-commerce, Programowanie stron internetowych ∙ 5 godzin 38 minut temu ∙ 67 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 212 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 9 godzin 56 minut temu ∙ 80 ofert |
Mini aplikacje Telegram. SklepDzień dobry Wymagane jest stworzenie aplikacji w tg (sklep internetowy) Przykład - w zasadzie 1 do 1 jak tutaj brandspacebot Ważne jest Wasze doświadczenie, stos, na którym proponujecie to zrobić i dlaczego Cena i czas realizacji na początek, będę czekać na pytania Programowanie stron internetowych, Tworzenie chatbota ∙ 14 godzin 20 minut temu ∙ 74 oferty |
Animacje Gsap
83 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 15 godzin 42 minuty temu ∙ 17 ofert |
Zrób mój сайт
58 PLN
Jest skonfigurowana aplikacja ap my site, trzeba załadować do niej produkty z systemu WooCommerce. Żadne dodatkowe ustawienia nie są potrzebne, interesuje mnie cena i czas realizacji. Programowanie stron internetowych ∙ 1 dzień 8 godzin temu ∙ 23 oferty |