手机版我的网站，什么设计宽度是最佳的？ [英] Mobile version of my website, what design width is optimal?

问题描述

我要创建移动版网站...

I'm going to create mobile version of website...

我应该选择什么宽度的设计？我知道每个设备都有自己的屏幕宽度，这真的很难适应所有的设备...

What width should I choose for design? I know that every device have it's own screen width and it's really difficult to fit all devices...

我真的很困惑（漂亮的新手机网站世界），请帮助。

I'm really confused (pretty new to mobile websites world), please help.

谢谢。

推荐答案

您想要（或可以）投入多少努力，以及您想要定位的移动用户数量。为了最小的努力，只需使用100％作为KennyTM指出，并期望您的网站的屏幕宽度从128像素到480像素。通过这种方法，您还需要避免使用高级xhtml伪指令（如css和div）（和JavaScript），因为大多数移动浏览器无法处理这些方面的某些方面。计划使用表来管理布局。

Your approach will depend on how much effort you want to (or can) put into this and what range of mobile users you want to target. For minimal effort, simply use 100% as KennyTM points out and expect your website to be browsed on screen widths from 128px to 480px . With this approach, you'll also need to avoid 'advanced' xhtml directives such as css and divs (and javascript) because most mobile browsers cannot handle some aspects of these. Plan to use tables to manage layout.

对于更高级的方法，您可以使用名为WURFL的开源项目（ http://wurfl.sourceforge.net/ ），它是移动浏览器及其功能的数据库（屏幕宽度，对div，css，图像等的支持） ..）。它有一个名为WNG的jsp标签库，您可以在其中编写一次，标签lib将呈现最合适的html以匹配用户的设备。我相信还有一个PHP库。

For a more advanced approach, you can use an open source project called WURFL (http://wurfl.sourceforge.net/) which is a database of mobile browsers and their capabilities (screen width, support for div, css, images etc...). It has a jsp tag library called WNG where you write once and the tag lib will render the most appropriate html to match the user's device. I believe there is also a PHP library for this.

Rgds，Kevin。

Rgds, Kevin.

这篇关于手机版我的网站，什么设计宽度是最佳的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！