Download to read offline
Uploaded byDrake Martinet
Math for web layout - Image resizing
The document discusses using math to determine the height of a column on a website based on the column width, overall page width, and overall page height. It shows that the column height can be calculated by taking the ratio of the overall page height to the overall page width and multiplying it by the column width. For a 600px wide column on a page that is 1920px wide by 1080px tall, the column height would be 337.5px.
Math for web layout - Image resizing
- 1. Math for weblayout 1920px 1080px NewsSite.com
- 2. Step 1: Howwide is the column? NewsSite.com ? Find it with a developer tool, like firebug. Lets say ours is 600px wide.
- 3. Step 2: Howdo we get the height? *hint: it’s algebra 1920px NewsSite.com 600px 1080px
- 4. long side short side shortside long side = decimal < 1
- 5.
- 6.
- 7.