
:max_bytes(150000):strip_icc()/chrome-font-size-page-zoom-e37e8a3c46624812836e9bc861c07b28.png)
Windows immediately scales up the size of all text. On the right, under the Make Text Bigger section, slide the bar until the sample text is easy for you to read and then click Apply. The Display tab on the left is selected by default. If you still need a media query you can do something like this. Fire up the Settings app by pressing Win+I and then click the Ease of Access category. The image is centered ( using absolute centering), and when you drag the browser in the image automatically adjust it's size.this is how fluid images behave (no need for media queries per se). You need to look into setting up fluid images, this will help you get started. Here is my code: įont-family: 'Helvetica', 'Arial', sans-serif I've done some Google'ing and know this is possible, but have not been able to get it to work. I need to have the image resize based on the screen resolution.

I have it how I want it to look on a larger screen, but when viewed on a smaller screen (iPhone) the image is too large. I'm trying to build a very basic site with an image centered in the middle of the page with three lines of text below it, also centered.
