Questions tagged [mobile-website]

Mobile Website refers to the design and implementation of web content aimed at clients using mobile devices such as phones or tablets.

Mobile websites allow us to consume information that has been formatted to better fit the browser on our mobile devices.

When consuming content from a phone or tablet, websites that were not designed for these devices can often be difficult to navigate or interpret. Mobile websites bridge this gap by offering content designed specifically for mobile consumption.

Some solutions include redirecting users to a separate mobile web sites or using media queries or some other browser detection to serve alternate styling or HTML.

Another consideration of mobile websites is that of page weight. Because many mobile browsers use mobile carrier networks to connect to the internet, it is a good practice to conserve the amount of data your page requires. These practices may include compressed scripts or resources, smaller images suited specifically for mobile consumptions, or otherwise reducing page size by breaking up the content into more manageable areas/pages.

1392 questions
310
votes
14 answers

Comparison between Corona, Phonegap, Titanium

I am a web developer and I want to move my web products to iPhone. One of the products is like Google Maps: show map on the phone screen, you can drag or resize the map and view some information that we add to the map. I know there are some…
Mickey Shine
  • 11,559
  • 22
  • 84
  • 142
246
votes
8 answers

What is the difference between max-device-width and max-width for mobile web?

I need to develop some html pages for iphone/android phones, but what is the difference between max-device-width and max-width? I need to use different css for different screen size. @media all and (max-device-width: 400px) @media all and…
virsir
  • 14,359
  • 23
  • 71
  • 108
210
votes
20 answers

Why are my CSS3 media queries not working on mobile devices?

In the styles.css, I am using media queries, both of which use a variation of: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go…
redconservatory
  • 19,528
  • 37
  • 112
  • 184
107
votes
3 answers

Is it okay to use now?

I'm working on a mobile phone web app and I have several text fields that could benefit from . iPhones will adjust the keyboard for the user, but I'm worried about breaking backwards compatibility. What I'm hoping is that…
Michael
  • 3,311
  • 5
  • 24
  • 32
106
votes
14 answers

iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?

I'm working on an iPad-based web app, and need to prevent overscrolling so that it seems less like a web page. I'm currently using this to freeze the viewport and disable overscroll: document.body.addEventListener('touchmove',function(e){ …
Jeff
  • 1,254
  • 2
  • 9
  • 6
81
votes
10 answers

Disable Pinch Zoom on Mobile Web

I want to disable Pinch and Zoom on Mobile devices. What configuration should I add to the viewport ? Link : http://play.mink7.com/n/dawn/
Harsha M V
  • 50,335
  • 109
  • 326
  • 496
75
votes
2 answers

Meta-tags for mobile – should they be used?

Meta-tags "Viewport", "MobileOptimized" and "HandheldFriendly" can be used to provide appropriately formatted HTML-content to mobile devices. Are these tags good things? They seem pretty platform specific in many cases, and even when not platform…
brinxmat
  • 1,151
  • 1
  • 10
  • 13
72
votes
11 answers

disable horizontal scroll on mobile web

I'm having an issue where horizontal scrolls appear on certain phones for my site. I tried to put overflow-x: hidden but it's not working. The width is auto, so that it will actually automatically resize the web to suits the screen size. All other…
Sylph
  • 1,195
  • 3
  • 22
  • 36
69
votes
20 answers

Sencha Touch or jQuery Mobile?

I wonder if I were to develop a mobile Web app (now, in two weeks, or in a month), which one should I go for? Which one would you mobile Web developers go for? If jQM 1.0 were officially released today, I would most likely embrace it (as long as it…
William Niu
  • 15,553
  • 7
  • 49
  • 92
69
votes
10 answers

Tooltips for mobile browsers

I currently set the title attribute of some HTML if I want to provide more information:

An underline character is used here

Then in CSS: .more_info { border-bottom: 1px…
at.
  • 45,606
  • 92
  • 271
  • 433
56
votes
2 answers

Image Size Best Practices for Mobile Application

I am building a mobile application that will target iPhone/iPad and Android phones. The application will involve users taking photos and uploading to my server and later on the users will be able to look at those photos on their mobile devices…
cetioren
  • 591
  • 1
  • 4
  • 5
53
votes
8 answers

Blocking device rotation on mobile web pages

Is it possible to detect on my page, for example using Javascript, when user visit it using mobile device in portrait mode, and stop orientation changing when user rotate its phone to landscape? There is game on my page, optimized for portrait…
qqryq
  • 1,604
  • 3
  • 16
  • 19
44
votes
6 answers

Tips for optimizing a website for Android's browser?

I'm looking for tips, tricks and resources on optimizing a website design for Android's browser. I'm building an Android app and some of the functionality will be accessible through a web interface.
nyenyec
  • 6,970
  • 9
  • 27
  • 15
42
votes
6 answers

how to prevent iOS safari alert when trying to open non-installed native app?

I've been looking for a way to open a native iOS app from the browser. I found a decent solution here: Is it possible to register a http+domain-based URL Scheme for iPhone apps, like YouTube and Maps? This solution works great when you have the app…
Dima Feldman
  • 688
  • 1
  • 10
  • 16
40
votes
9 answers

Change Django Templates Based on User-Agent

I've made a Django site, but I've drank the Koolaid and I want to make an IPhone version. After putting much thought into I've come up with two options: Make a whole other site, like i.xxxx.com. Tie it into the same database using Django's sites…
1
2 3
92 93