E
% Mobile Web Pages vs. Desktop Web Pages GA
S
REGULAR Menu Lifewire Tech for Humans Newsletter! Search Close GO Internet, Networking, & Security > Browsers 23 23 people found this article helpful
visibility
355 views
thumb_up
42 likes
E
Desktop Web Pages
What's the difference between desktop and mobile websites?
By Paul Gil Paul Gil Writer Paul Gil, a former Lifewire writer who is also known for his dynamic internet and database courses and has been active in technology fields for over two decades. lifewire's editorial guidelines Updated on November 9, 2020 Tweet Share Email Tweet Share Email Browsers Chrome Safari Firefox Microsoft Web pages that are optimized for use on mobile devices differ from those that appear on desktop and laptop computers.
thumb_up
44 likes
L
The latter are designed for large screens and precise mouse clicking, whereas mobile web pages are sized for smaller screens and imprecise finger tapping. Mobile Designed for smaller screens and imprecise finger tapping. Desktop Designed for large screens with precise mouse clicking.
thumb_up
15 likes
I
Given that the majority of website visits come from mobile devices, site designers are tasked with providing versions that work with both mobile devices and desktop computers. The most common approach is to use responsive web design, which automatically delivers the proper version based on the user's device and screen size, as detected by the browser.
thumb_up
24 likes
M
In any case, mobile-friendly web pages have are distinct from desktop versions in a number of ways. Lifewire
Page Design Mobile Screens Have Less Space
Mobile Smartphone and tablet displays measure 4 to 10 inches diagonally. Collapsible or expandable menu widgets typically replace sidebars and bulky header menus.
thumb_up
8 likes
K
Full-width graphics with judicial use of space between text. Desktop Most desktop monitors measure 19 inches to 24 inches diagonally.
thumb_up
13 likes
W
Sponsored links and large banner ads more common. Denser text with more leeway for graphics. The most obvious difference between desktop and mobile web pages is the screen real estate.
thumb_up
29 likes
A
While most desktop monitors measure at least 19 inches to 24 inches diagonally, tablets are commonly around 10 inches. Smartphones are about 4 inches diagonally. Simply zooming out does not successfully convert a web page to a mobile-friendly version because it makes the text unreadable and requires an extra step from the site visitor.
thumb_up
12 likes
B
Also, tapping accurately on tiny elements becomes impossible. To fix the issue designers may remove sidebars and graphics that aren't strictly necessary. Instead, they use smaller graphics, increase font sizes, and collapse content into expandable widgets.
thumb_up
38 likes
N
This real estate limitation has driven a whole different kind of thinking among web designers. Also, collapsible or expandable menu widgets typically replace sidebars and bulky header menus.
thumb_up
21 likes
G
In their quest to make every millimeter of screen space count, designers remove superfluous white space, while keeping a careful eye on readability. A crowd of sponsored links and large banner ads just don't work on a phone or small tablet. Instead, small pop-up ads are more common on mobile web pages.
thumb_up
25 likes
M
Layouts that feature text wrapped around a graphic don't play well on mobile devices. Instead, designers often give those graphics the full width of the screen and run the text beneath or above. Similarly, good web design breaks text into chunks for readability; no one wants to read solid walls of text.
thumb_up
46 likes
E
This becomes even more important on small screens. Using white space judiciously is crucial.
thumb_up
18 likes
D
Page Controls Desktop Precision vs Mobile Blobs
Mobile Large tapping areas or hotspots for more accurate navigation. Different URL: adds the letter "m." Often an option to view the desktop version of a site.
thumb_up
41 likes
J
Log-in credentials often have dedicated space, sometimes with fingerprint accessibility. Desktop More precise cursor-based links and button.
thumb_up
18 likes
N
Unlike a precise mouse pointer on your desktop, the human finger is a blob, and tapping requires large targets on the screen for hyperlinks. Mobile-friendly sites offer large tapping areas (or hotspots) to facilitate accurate navigation. Mobile-friendly web pages also commonly include the letter m in their addresses; for example, Facebook's mobile address is m.facebook.com.
thumb_up
21 likes
M
The mobile URL is usually chosen for you automatically when you surf with a mobile tablet or smartphone. In some cases, you'll see a tappable link that lets you switch to the regular desktop version of the page.
thumb_up
15 likes
I
Login and password fields meant for desktops and laptops become tiny and unusable on a phone, so web publishers make these larger, sometimes giving them their own pages for ease of use. Logging in with a fingerprint or another account, such as Google or Facebook, is becoming increasingly common as device and service capabilities evolve.
Why Does it Matter
Mobile web pages are designed for handheld devices and are quite different from pages made for desktop reading.
thumb_up
46 likes
J
While you can usually view the desktop version of a webpage on a mobile device, and vice versa, they are designed differently to make content easier to view, read, and navigate. Was this page helpful? Thanks for letting us know!
thumb_up
35 likes
A
Get the Latest Tech News Delivered Every Day
Subscribe Tell us why! Other Not enough details Hard to understand Submit More from Lifewire 9 Best Free HTML Editors for Windows for 2022 8 Things to Consider Before Buying a Desktop PC What's the Best Mobile Web Browser?
thumb_up
3 likes
R
How to Share a Facebook Post to Instagram The 7 Best Mobile Search Engines The 9 Best Free PDF Editors (October 2022) How to Switch to Desktop Mode on iPhone How to Use Linux Style Virtual Workspaces in Windows 10 Home Pages: What Are They? How to Send a Web Page With the Mac's Email Program How to Add and Save a Website to the Home Screen on Your iPad How to Use Opera Mini for iPad, iPhone, and iPod Touch The Top 10 Internet Browsers for 2022 How to Change Settings in iOS Dolphin How to Watch Multiple Twitch Streams How to Change Your Homepage in Safari Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
thumb_up
30 likes
J
Cookies Settings Accept All Cookies
thumb_up
47 likes
Similar Discussions
-
Free Fire redeem codes today 28 September 2022 Latest FF codes to get free characters and emotes
-
What paint scheme is Chase Elliott running?
-
Ludwig Kaiser has reacted to Kofi Kingston and Xavier Woods recent mockery of him
-
6 Simple Yoga Exercises to Promote Happy Hormones
-
How Yoga Benefits Your Brain? 5 Super brain Yoga Poses to Try
-
WWE RAW ratings dip after Clash at the Castle
-
Sabres Jacob Bryson Chips in with two helpers CBSSports com
-
Euro Truck Driving Simulator APK Download for Android
-
Aktionariat APK Download for Android
-
Kids Crossword Puzzles APK Download for Android
-
Pr s de Kiev l enterrement d une victime retrouv e six mois apr s le d part des Russes Depeche
-
L indemnit de 130 000 € que peut r clamer Liz Truss apr s ses 44 jours au pouvoir choque au Royaume Uni Monde
-
Si elle ne rend pas l argent… Laeticia Hallyday bient t rattrap e par le fisc ? Gala
-
Correos desfila en el d a de la Fiesta Nacional 12 Octubre Marketing
-
El aumento del gasto en Defensa en los Presupuestos reabre la brecha entre los socios de coalici n
-
Automotive Florida Home That Survived Hurricane Burns to the Ground from EV AutoRacing1 com
-
Asmongold explains why Elden Ring is one of the greatest games he s ever played
-
Disney Dreamlight Valley How to Make Red Fruit Sorbet
-
Where to Find Chrome Chests in Fortnite Chapter 3 Season 4
-
Elden Ring Where to Find the Ring of Oath The Nerd Stash
-
Shoot Em Up 2007 Dual Audio Hindi English 480p 720p Gdrive Link
-
22 Things You May Not Think Of Doing But If You Did You Would Be Committing A Crime As Shared In This Online Group
-
Abortions Can Resume In Arizona After An Appeals Court Blocked The Near Total Abortion Ban
-
Meet BabyX Your new computer generated baby overlord maybe
-
Teachers took students to beach gave them alcohol had sex with them
-
Best Web Hosting For Your Small Business 2022 Oberlo
-
What Is App Dressroom? Answered 2022
-
Microsoft Edge Could Make Zero Day Bugs a Thing of the Past
-
How to Set up and Connect Apple TV
-
What s the Help Switch in Command Prompt?