Re: Responsive design?

From	"Dennis Munding" <nospa@mplease.dk>
Subject	Re: Responsive design?
Newsgroups	dk.edb.internet.webdesign
References	<qd08d2$gmr$1@dont-email.me> <qd18eo$p0k$1@gioia.aioe.org> <qd539g$5p6$1@dont-email.me> <qd6dhm$1sp1$1@gioia.aioe.org>
Date	2019-06-05 03:49 +0000
Message-ID	<5cf73bb5$0$702$14726298@news.sunsite.dk> (permalink)
Organization	SunSITE.dk - Supporting Open source

Show all headers | View raw

Morten Bonderup wrote:

> 
> Jeg har ændret mit tidligere eksempel til at bruge grid. Jeg kan se
> at det er det som bruges på danacord. Håber det kan tjene til
> inspiration ;-)
> 

[SNIP: al irellevant (for mit svar) kode er fjernet

Der er ikke meget responsiv design, når du fastlåser bredden ved at
angive den i px.

Nedenstående vil give vandret rullebjælke ved skærmbredder under 700px
og vise en meget small indholdsdel på høje opløsninger.

> 	/* Mobilt CSS */
> 
>         .wrapper {
>             ..
>             width: 700px;
>             ..
>         }
> 
>         .boks1,
>         .boks2 {
>             ..
>             width: 340px;
>             ..
>         }

Jeg vil anbefale enten at bruge % eller em/rem (sidstnævnte har jeg
ikke så meget erfaring med endnu).
Alternativt kan man også angive en max-width i px, hvis man mener, at
indholdet vil virke "tyndt" på store skærme, hvis det bliver for
fleksibelt.

Eks.:

width: 80%; <-- responsiv bredde
max-width: 1280px; <-- begrænsning af bredden ved meget høj opløsning.

-- 
Med venlig hilsen

Dennis Munding

Back to dk.edb.internet.webdesign | Previous | Next — Previous in thread | Next in thread | Find similar

Thread

Responsive design? Kurt Hansen <kurt@invalid.dk> - 2019-06-02 12:28 +0200
  Re: Responsive design? Kim Ludvigsen <kim@kimsside.dk> - 2019-06-02 18:26 +0200
  Re: Responsive design? "Dennis Munding" <nospa@mplease.dk> - 2019-06-02 16:49 +0000
  Re: Responsive design? Morten Bonderup <morten2good@gmail.com> - 2019-06-02 21:35 +0200
    Re: Responsive design? Kurt Hansen <kurt@invalid.dk> - 2019-06-04 08:32 +0200
      Re: Responsive design? Morten Bonderup <morten2good@gmail.com> - 2019-06-04 20:33 +0200
        Re: Responsive design? "Dennis Munding" <nospa@mplease.dk> - 2019-06-05 03:49 +0000
          Re: Responsive design? Morten Bonderup <morten2good@gmail.com> - 2019-06-05 11:47 +0200
            Re: Responsive design? Kurt Hansen <kurt@invalid.dk> - 2019-06-05 12:36 +0200

csiph-web