?
Solved

Getting a 1200px page to display correctly on a smartphone

Posted on 2016-12-24
3
Medium Priority
?
187 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 2000 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

When ransomware hits your clients, what do you do?

MSPs: Endpoint security isn’t enough to prevent ransomware.
As the impact and severity of crypto ransomware attacks has grown, Webroot has fought back, not just by building a next-gen endpoint solution capable of preventing ransomware attacks but also by being a thought leader.

Question has a verified solution.

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

With mobile becoming increasingly important to the business world, it is in your best interest to make sure that your email signature looks great across all types of devices. Find out how to create a mobile email signature with this guide.
Today’s effective marketing is about coming down to the customers’ level and engaging in a whole new way. A text message is one of the most effective and influential ways that you can engage your customers. Here are eight ways that you can utilize t…
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.
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…
Suggested Courses

770 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