Solved

Getting a 1200px page to display correctly on a smartphone

Posted on 2016-12-24
3
145 Views
Last Modified: 2016-12-27
I'm trying to get a 1200px page to display in a Samsung S7.  Since the S7 has a 1440x2560 screen I would expect the page to display fine,  but all I see is about the left quarter of it,  with no ability to swipe left to see more.  I tried adding  a viewport meta tag:

<head>
	<meta name = "viewport" content="width=device-width, initial-scale=1.0" />

Open in new window


but I get the same results.   Does anyone know how to get this page to display correctly?

The page I'm trying to display is at    https://thebarcoderegistry.com/verify/?barcode=040232534218

Thanks
0
Comment
Question by:steva
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 41937110
First, your page includes a page in a page.  The formatting is wrong and you have to fix that first.
0
 

Author Closing Comment

by:steva
ID: 41939188
Yes, thanks.  The page is generated by a WordPress template I wrote.  The template has a get_header() at the beginning, that inserts its own DOCTYPE, <html>, <head> . . .</head>, and <body> tags.  I didn't realize this,, so added my own, so there were two sets floating around.  I fixed this and I think I have a handle now on the original question, getting the page to display sanely on a smart phone.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 41939234
Good glad to help.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

With the rapid rise in mobile usage, mobile devices are here to stay and have become an integral part of doing business. Here are 9 great apps for your BYOD environment.
Some of the SEO trends we might expect in 2017.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
How to Install VMware Tools in Red Hat Enterprise Linux 6.4 (RHEL 6.4) Step-by-Step Tutorial

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question