Forum Mjukvara Programmering och digitalt skapande Tråd

Sidan rör sig när man minskar upplösning

1
Skriv svar
Permalänk
Medlem ★
●

Sidan rör sig när man minskar upplösning

Hallå!

Undrar om man kan göra någon omslutande div runt andra divvar så sidan blir mer dynamisk?

Har pixel mått nu på alla mina divvar och känner inte för att göra om allt, finns där någon lösning?

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●

Skrollbar?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Marwelln:

Skrollbar?

Gå till inlägget

Hur menar du då?

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem
●

Vad är det du vill åstadkomma lite mer exakt? Vill du att sidan ska flytta sig i sidled när du förminskar browsern?

Visa signatur

Detta är första varningen va, jag ämnar brisera ur denna japanska kampställning och fullständigt förinta dig om inte du försvinner härifrån.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Loaded:

Vad är det du vill åstadkomma lite mer exakt? Vill du att sidan ska flytta sig i sidled när du förminskar browsern?

Gå till inlägget

Ja Loaded skulle skrivit lite mer i detalj, men jag löste det nu genom att sätta overflow: hidden; på de relevanta "wrapper" divvarna

Nu blir det scroll när man kör mindre upplösningar, kan finslipa med JS till CSS med specifik upplösning senare ^^

Senast redigerat
Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Läs på lite om liquid layout: http://www.maxdesign.com.au/articles/css-layouts/

Grundidén ligger i att man använder % istället för px som mått på layoutdivar, går också att få innehåll att skalas på rätt sätt om man använder em.
Om du skall göra en liquid layout rekommenderar jag att du skapar en övergripande container/wrapper-div med fast mått, och låter allt innehåll inom den skalas därefter. Tänk bara på att eliminera margin och padding, annars blir det krångligt att få saker att skalas om rätt.

Visa signatur

data, representation av värden, text etc. lämpad för överföring, tolkning eller bearbetning av människor eller maskiner.
dator, digital automatisk beräkningsmaskin som styrs av ett i dess minne lagrat program.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara