Custom Pages - View On Various Screen Sizes

Comments

• tamworthheat

  September 2013

  I use oversize but optimised images.  Images will look great if they are larger than the screen size, because they will downsize to fit.  It doesnt work with trying to make small images big.

  If you only have a small size image to work with, the best bet is to resize it up and optimise it for Web and Devices using PhotoShop (or similar) rather than leaving it to the phone to display it pixelised.

  
  

  You can use CSS to state:

  .ThisDiv img { display:block; max-width:640px;  max-width:100%; }

  
  

  Hope this helps
• Apps

  September 2013

  Yes, indeed it helps and thank you much.
  The percentages thing from within the editor, can it work somehow decently enough for small images, like for icons for a modifier dashboard form html?
  
• tamworthheat

  September 2013 edited September 2013

  I have a modified dashboard an use icons - although my icons are all 512x512px and they scale down

  I use simple colour schemes where possible and optimise always to keep file size down.

  
  

  Really only use percentages when the image is big and use % to scale down.

  if you specify width and height as different %'s the image will distort, i use just one (usually just width).

  
  

  If I want an icon to display as 20% of the screen, I imagine the largest screen size for a tablet (1280px usually) and 20% of that (256px) is the (minimum) size of my icon, if the screen size is smaller, the image will scale perfectly.

  
  
• Apps

  September 2013

  Thanks again!