Re: Responsive design?

From	Morten Bonderup <morten2good@gmail.com>
Newsgroups	dk.edb.internet.webdesign
Subject	Re: Responsive design?
Date	2019-06-05 11:47 +0200
Organization	Aioe.org NNTP Server
Message-ID	<qd8332$18or$1@gioia.aioe.org> (permalink)
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> <5cf73bb5$0$702$14726298@news.sunsite.dk>

Show all headers | View raw

Den 05/06/2019 kl. 05.49 skrev Dennis Munding:

> [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.
> 
> 

Du har ret - mit eksempel kan helt sikkert optimeres med brug af 
relative størrelsesangivelser. Eksemplet udsprang af Kurts undren over, 
at elementer som div og tabeller ikke wrappes under hinanden, og med 
kodeeksemplet ville jeg vise det princip, som Luke Wroblewski (faderen 
til mobile-first princippet) kalder for "mostly fluid" 
(https://www.lukew.com/ff/entry.asp?1514), altså at man med @media 
queries lader kolonner falde ned under hinanden.

-- 
Med venlig hilsen
Morten Bonderup
http://www.mortenbonderup.eu

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