C# 为移动浏览器设计网页的提示？

我将首次设计专门针对移动浏览器的web应用程序。虽然我以前在C#/ASP.NET中编写过网页，但我从未专门为有限的屏幕空间和移动浏览器的其他特性做过任何事情。所以我在这里寻找一些指针：

• 我应该考虑哪些设计因素（除了明显较小的屏幕）
• C#中有哪些有用的特性可以对移动客户端产生良好的效果
• 如何确保为所有不同的移动浏览器提供相对统一的用户体验
• 你还有其他的建议吗

谢谢

我应该考虑哪些设计因素 考虑到（除了 明显更小的屏幕

用户交互如何，例如，很少有设备允许“悬停”，因此不要依赖于无法在移动设备上模拟的psuedo类，但不要完全忽略它们，以便移动设备可以使用它们

如果设备支持横向和水平观看，请考虑设计方向

有些设备，如iPhone，无法使用手写笔进行毫米精度的操作，因此输入不要太小

如果使用效果启动UI，大多数移动设备都不会很好地显示效果（如jQuery提供的效果）

---

最后测试，测试，测试！测试尽可能多的真正的移动设备，当你考虑使用仿真器（比如for for or the）时，虽然这不能给你提供使用这个设备的感觉，但是它应该显示任何渲染问题。

可能是显而易见的，但是请确保你定义了一个定制的手持样式表。p>

<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />

---

虽然现代智能手机（如iPhone）可以处理普通站点，但对于专用移动应用程序，最好避免不断放大和缩小。然而，如果用户也想使用笔记本/台式机访问应用程序，那么设计两个版本是值得的

获得良好的移动设备体验主要是关于用户界面，而不是后端应用程序

• 使用移动设备样式表（

  链接

  -元素上的

  media=“掌上型”

  属性）
• 尽可能少的HTTP请求：
  • 将所有脚本和样式表压缩到一个文件中（一个用于.js，一个用于.css）
  • 尽可能少的图像
• 请记住触摸设备和非触摸设备之间的差异（例如按钮的大小）
• 注意一个页面中包含的内容量

---

不要重定向到网站的移动版本，这样会丢失预期目标。如果我想查看网站上的文章，不要带我去手机主页。你可以把我带到文章的移动视图，但完全劫持我的目标是不可接受的

---

某个cr***ed.com总是这样做，这令人难以置信地愤怒….

压缩、缩小、优化有几个原因。带宽不是很好，在桌面上几秒钟就能加载的页面在移动设备上可能需要30秒以上的时间。手机上的缓存真的很差。例如，iPhone不会缓存超过25k的网站组件。因此，让您的图像、脚本和样式表尽可能小。

您应该检查一下，它基本上是一个巨大的xml文件，可以帮助您识别设备。您抓取用户代理并使用其API对照文件进行检查，以获得该设备的所有功能和特性。我已经在许多项目中成功地使用了它。

请注意，很多智能手机都会忽略此样式表，因为它们具有与桌面一样的显示能力