Forum Mjukvara Programmering och digitalt skapande Tråd

Behöver hjälp med responsiv design

1
Permalänk
Medlem
●

Behöver hjälp med responsiv design

http://jsfiddle.net/coolnassegirl/ymxU7/8/

Jag vill att menyn ser bra ut fast man förminskar webbfönstret. Det verkar som jag inte har gjort en responsiv design

ag förstår verkligen inte hur jag ska göra och tänka.

Kan någon hjälpa mig och ändra så att det blir rätt. Då kanske jag förstår tänket när jag ser det i praktiken. D

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Har du tagit en titt på @media queries?

Det är så jag skapar responsiv design iaf.
https://www.youtube.com/watch?v=F_fhyXUH_To

Förminska min sida så ser du vad responsiv design är:
http://fredrikw.se/

Konceptet är att ändra hemsidans storlek och layout beroende vilken pixelstorlek webbläsaren har.
Detta gör att du enkelt kan bygga mobil-versioner av hemsidan.

Senast redigerat
Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

hur vet man hur stor skärmstorlek som webbläsaren har? Hur kollar man upp det?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

http://resizemybrowser.com/

Fast nu har ju du bredd i procent, tar ju lite bort syftet med media-query

Vilken meny är det du pratar om?

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det är menyn med underrubrikerna.

Redigera
Citera flera Citera
Permalänk
Medlem
●

sedan så syns inte hela scrollen. Ifall du kunde skriva den rätta koden på sidan som jag länkade, så skulle jag vara väldigt tacksam.
Då förstår hur man ska tänka när jag ser det i praktiken.

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

sedan så syns inte hela scrollen. Ifall du kunde skriva den rätta koden på sidan som jag länkade, så skulle jag vara väldigt tacksam.
Då förstår hur man ska tänka när jag ser det i praktiken.

Gå till inlägget

Orkar inte gå igenom din kod just nu, kanske sen.
Kollade lite snabbt, va en ganska stor röra, vissa element saknade t.o.m CSS, t.ex din meny som du inte får till, den har ingen CSS kod tilldelad, vilket kan vara varför den inte följer med som resten av sidan gör.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Florrpan:

http://resizemybrowser.com/

Fast nu har ju du bredd i procent, tar ju lite bort syftet med media-query

Vilken meny är det du pratar om?

Gå till inlägget

Varför tar bredd i procent bort syftet med media queries?

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

Varför tar bredd i procent bort syftet med media queries?

Gå till inlägget

Jag sa inte att det gjorde det, jag sa "det tar lite bort syftet"
Syftade mer på hur hans sida är uppbyggd, hans sida skalar redan när man ändrar storleken, men inte på ett bra sätt.

Jag hade själv byggt om hela sidan och kört en fast design med media-queries.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Florrpan:

Jag sa inte att det gjorde det, jag sa "det tar lite bort syftet"
Syftade mer på hur hans sida är uppbyggd, hans sida skalar redan när man ändrar storleken, men inte på ett bra sätt.

Jag hade själv byggt om hela sidan och kört en fast design med media-queries.

Gå till inlägget

Jag har visserligen inte sett hur han byggt sin sida, men jag skulle absolut rekommendera att göra en "fluid" layout och samtidigt använda media queries. Håller inte med om att det minskar syftet.

Därmed inte sagt att det är fel att använda pixlar...

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

Jag har visserligen inte sett hur han byggt sin sida, men jag skulle absolut rekommendera att göra en "fluid" layout och samtidigt använda media queries. Håller inte med om att det minskar syftet.

Därmed inte sagt att det är fel att använda pixlar...

Gå till inlägget

Vi har alla olika åsikter...
Denna sida är 100% flytande just nu, på alla element.

Om du har något att tillägga på ämnet får du gärna rikta dig till trådskaparen och vägleda han, jag är själv inte insatt i flytade layouts då jag själv avskyr det.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ethan Marcotte är en av den mest framstående webbutvecklarna inom just RWD. Och även om hans inlägg på A List Apart har ett par år på nacken tycker jag absolut att du borde läsa igenom det.

Eller ännu hellre hans bok Responsive Web Design, som måste vara en av de bästa introduktionerna till ämnet.

Redigera
Citera flera Citera
1