/    Sign up×
Community /Pin to ProfileBookmark

mobile website design question

Copy linkTweet thisAlerts:
Mar 07.2017

I am trying to create a web page for viewing on mobile browsers. It consists of a <div> that is 423 pixels wide, with nothing else on the page so the mobile browser should just show the 423 pixels of the <div> but instead showing over 1000 pixels to the right as if it is a desktop site. How do I get the site to display only the area in which I have created content for viewing on a mobile browser? Here is an example of the content that I would like displayed on a mobile browser and have it take up the full screen (horizontally) without having to zoom in. I’ve tried looking around for more technical information on getting my pages to display properly on a mobile browser but it is not easy to find. Any thoughts or advice is appreciated.

please take a look at an example page with a <div> on it and see what happens on a mobile browser if you wish to get an idea of what I’m talking about.

[URL=”http://dluxx.a0001.net”]http://dluxx.a0001.net[/URL]

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebAmateurMar 07.2017 — Take a look at the viewport tag (google 'html viewport'). It tells the browser how it should render the website.

Offtopic:

I don't know what exactly this code is for, but if possible you should try to design it with only divs, and not use a table (unless it really is a table ofcourse)
Copy linkTweet thisAlerts:
@dluxxauthorMar 08.2017 — Yep. That did it. Thanks.
×

Success!

Help @dluxx spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...