Support » Theme: Leaf » Fixed size for image header?

  • Hi,

    Is it possible to give the header image a fixed size for all devices? It looks like on tablets and smartphones the image is resized to a bigger width which makes it look unsharp.

    Tx!

Viewing 1 replies (of 1 total)
  • It’s a good idea to be aware of the following when designing for multiple devices:

    When using fixed values, the site may not display as required.
    Whenever possible it’s a good practice to use ‘relative values’.
    This results in a set of values that start with the device’s default and varies from that device-default as / when set in the css.

    EXAMPLE

    Reset:
    * {font-size:1em;
       margin:0;
       padding:0;
       clear:all;
    }

    Then for the elements:

    h1{font-size:2em;}
    h2{font-size:1.6em;}
    h3{font-size:1.2em;}
    p{font-size:1em; line-height:1.05em;}

    layout:

    #wrapper{width:100%;}
    #content{width:67%;}
    #aside{width:30%}
    etc.

    Result is that each device will calculate a value, suitable for that device, instead of using a fixed value it has difficulty displaying.

    Is the result always good?
    Well no! This is the internet 😉 Life is messy…

Viewing 1 replies (of 1 total)
  • The topic ‘Fixed size for image header?’ is closed to new replies.