如何获得完美的移动网站设计 [英] How to get perfect design for mobile website

问题描述

当我在各种仿真器中测试我的移动网站时，我发现该设计未在所有设备上正确显示.

如果我调整一个，那么另一个变坏了.我是第一次开发移动网站.我需要使我的设计适合所有分辨率的设备.例如，如果我在同一行中有一个包含2个文本框的表单，并且在iphone中对此进行了测试，则看起来不错，但是如果我使用诺基亚电话，则这2个文本框将出现在2条单独的行中.

同样对于任何页面，我都不希望出现滚动条，从而使用户难以浏览.请帮忙.

When I test my mobile website in various emulators I see that the design does not appear correctly in all devices.

If i adjust for one then the other goes bad. I am developing a mobile website for the first time. I need to fit my design in devices of all resolutions. For example if I have a form with 2 text boxes in the same line and i test this in iphone it looks fine but if i use a nokia phone, the 2 text boxes appear in 2 separate lines.

Also for any page i do not want a scroll to appear so that the user has difficulty in browsing. Please help.

推荐答案

以下是一些链接，这些链接可以让您有个不错的主意，

http://www.webcredible.co.uk/user-friendly-资源/web-usability/mobile-guidelines.shtml [ ^ ]
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/ [ ^ ]
http://www.utahta.wikispaces.net/file/view/Mobile + Web + Standards + and + Guidelines + 7.17.09.pdf [
希望这会有所帮助.
欢呼

Here are some links which will give you a fair idea to start,

http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml[^]
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/[^]
http://www.utahta.wikispaces.net/file/view/Mobile+Web+Standards+and+Guidelines+7.17.09.pdf[^]

One important point to emphasize is whenever you design the page with controls, try to specify the width of the control in "%". So, that controls change their width as per the resolution.

Hope this helps.
cheers

这篇关于如何获得完美的移动网站设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！