Responsive and adaptive design |
Responsive and adaptive design |
Lee Batchelor |
Jan 12 2024, 01:12 PM
Post
#1
|
Member Group: Members Posts: 82 Joined: 10-May 20 Member No.: 27,332 |
Hi all,
When I was trained in HTML and CSS, it was when desktop computers were the only platforms. Now that mobile devices are used for 51% of all web browsing, we need to use responsive and adaptive design so that the website resolves correctly on all devices. I recently completed a web design and used this code in the meta tags, <meta name="viewport" content="width=device-width, initial-scale=1"> Sadly, this doesn't cause the website to resolve correctly on mobile devices in landscape and portrait modes. I have a feeling there's a 500 hour course of instruction in my future if I want to fix this issue. Perhaps there are some easier lines of code that will solve my problem? Thoughts? Thanks... |
Lee Batchelor |
Feb 1 2024, 10:04 AM
Post
#2
|
Member Group: Members Posts: 82 Joined: 10-May 20 Member No.: 27,332 |
Coothead, I used the Inspection tool in Chrome and set the breakpoint to 340px. The site looks fine! The band name floats over top of the picture but that too is fine.
|
coothead |
Feb 1 2024, 11:24 AM
Post
#3
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
coothead |
Lo-Fi Version | Time is now: 26th September 2024 - 12:18 AM |