English 中文(简体)
How can I resize a form in my HTML to fill the screen of a mobile device?
原标题:

I have created an html page for login containing fields for username and password on top left corner of page. I want then when this page is viewed in Android emulator browser, only the top left part of my original page should be filling the entire page. How should I do this? How to make a webpage compatible to mobile browser.

问题回答

Setting the width and height to 100% might solve your problem, but it s difficult to guess.

Post the relevant part of your code here, then people can help easier.

You can use the javascript code below to detect browser and change the properties of html elements using setAttribute() on the fly. It is explained here:
http://www.javascriptkit.com/dhtmltutors/domattribute.shtml


if((navigator.userAgent.match(/Android/i))  { 
        ...
}




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签