Solved

Getting a 1200px page to display correctly on a smartphone

Posted on 2016-12-24
3
106 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
  • 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Recently, we decided that in order to stay competitive in today's IT world, we were going to have to develop and deploy a mobile app for our users and do it quickly. We felt that we were already behind the curve. Users of technology today are mov…
Mobile monitoring is no longer news for developers. Monitoring apps are used for several reasons and are usually divided into 2 categories: spying and monitoring.
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.
Established in 1997, Technology Architects has become one of the most reputable technology solutions companies in the country. TA have been providing businesses with cost effective state-of-the-art solutions and unparalleled service that is designed…

778 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