[Pro] HTML Responsive Images

Hi Guys, this is an HTML question, not really about Freeway but I wonder if anyone can shed any light on the subject…

Thanks in advance, Tony


The code I have used below is for 3 images which display on my home page.

On a desktop they display fine, side by side

On a mobile phone they display fine, one on top of the other etc.

However on the ipad 2 are next to each other and one is on its own underneath.


My question is, can I make these images responsive so they display smaller on the ipad so they all fit in next to each other like the desktop.

The mobile is fine on top of each other.


_______________________________________________ freewaytalk mailing list email@hidden Update your subscriptions at: https://freewaytalk.softpress.com/person/options

You don’t say which version of Freeway you are using to generate this code, or if you’re using it at all, but what you have here will fit into a viewport that is roughly 370px x 3 wide. You’ve got the equivalent of a single sentence with three words, and you have forced each word to be 370px wide. That device has a viewport of 1024 x 768, so you’re not going to fit three 370s across in any orientation.

If you’re using Freeway 7, then you have the full range of different viewports to play with. You could make a layout just for a 1024 and another just for 768, and make sure that your images are the right size in any case. But what you might prefer is to size these items in percentages (33.3% to fit three across), and then add a separate override for the iPhone or similar small device that sets the images to 100% width.

Walter

PS: To mark out a block of code, make four tildes in a row, all by themselves on a line, then paste your code, then another line with four tildes.

	~~~~
	your code here
	~~~~

I’m using the tildes to show you the trick, if you’re looking at this on the Web, you won’t see the outer layer of tildes…

On Feb 11, 2018, at 10:37 AM, Tony Farrer email@hidden wrote:

Hi Guys, this is an HTML question, not really about Freeway but I wonder if anyone can shed any light on the subject…

Thanks in advance, Tony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options