诺基亚lumia的响应式设计技巧

时间:2012-06-20 18:21:49

标签: css windows-phone-7 nokia responsive-design

我正在为一些大型网站编写响应式布局,我想在大多数流行的移动设备上测试它,至于iphone,ipad有很多信息,我可以测试它,例如ios模拟器然后关于诺基亚lumia没有任何有用的信息,我甚至不知道什么是网页浏览器,有什么地方我可以找到任何有关它的信息?你有关于为诺基亚lumia开发www的经验吗?

感谢您的帮助; - )

3 个答案:

答案 0 :(得分:1)

您可以在specification pages上获取与Lumia设备相关的所有信息。还有一个很好的collection指南,诺基亚维护的教程,但它们不是特定于Web开发。

答案 1 :(得分:0)

看起来像是视口元标记:

<meta name="viewport" content="width=device-width">

对于开发任何移动设备的响应式设计至关重要,就像魔术棒一样,它解决了我的大部分问题。希望它对某人有帮助:))

答案 2 :(得分:0)

此媒体查询适用于任何诺基亚Lumia Mobile。

@media only screen 
and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

// your code goes here

}

并在windows mobile

中为table元素添加css
table-layout: fixed