黑莓媒体查询 [英] Blackberry media query

问题描述

我试图让我的网站的一个版本优化黑莓设备，但是我缺乏信息关于这个设备和谷歌似乎并没有被帮助。

I'm trying to make a version of my website optimize to Blackberry devices, however I lack of information regarding this devices and google seems not to be helping.

有任何人之前，黑莓创建的网站优化？或知道任何文章或信息，可以帮助？

Have anyone create website optimize for blackberry before? or know any kind of post or information that could help?

我不知道媒体查询可以帮助，因为这些设备似乎开屏标准分辨率。

I don't know if media queries could help since those devices seems to open screen standard resolutions.

推荐答案

从 <一个href=\"http://www.richalot.com/index.cfm/2008/5/27/Tips-For-Optimizing-A-Web-Site-For-BlackBerry-Devices\">Optimizing网站为BlackBerry设备

From Optimizing A Web Site For BlackBerry Devices:

如果您认为针对Web站点
  有几个不同的浏览器工作
  已经非常困难，尝试抛
  在混合黑莓支持。
  设计一个网站一起工作
  黑莓手持设备可以是
  令人沮丧，因为在BlackBerry Web
  浏览器已经超过了较少的功能
  标准的Web浏览器。这种缺乏
  功能极大地影响设计
  策略，因为下载速度较慢
  速度和有限的屏幕尺寸必须
  现在被分解。

If you thought targeting Web sites to work with several different browsers was difficult enough, try throwing BlackBerry support in the mix. Designing a Web site to work with BlackBerry handheld devices can be frustrating because the BlackBerry Web browser has fewer capabilities than a standard Web browser. This lack of features greatly affects design strategy because slower download speeds and limited screen size must now be factored in.

的第一件事情，你应该做的，当
  优化一个网站来支持
  BlackBerry设备的下载
  安装官方黑莓
  设备模拟器和黑莓
  电子邮件和MDS服务模拟器
  包。该器件和模拟器
  仿真包效仿
  黑莓手机的实际功能
  产品，允许您访问和
  在虚拟测试网站
  环境。

The first thing you should do when optimizing a site to support BlackBerry devices is download and install the official BlackBerry Device Simulator and BlackBerry Email and MDS Services Simulator Package. The device simulator and simulator package emulate the functionality of actual BlackBerry products and allow you to access and test a Web site in a virtual environment.

当您第一次打开一个网站
  仿真，您可能会注意到的
  黑莓的CSS支持是有限的
  和您的网站可能没有看上去那么大。
  由于最前端的开发人员
  训练是被动的，你最初的
  解决方案可能附带其它
  样式表，针对手持设备中
  和调节，所述类和IDS
  相应的样式表。不幸，
  黑莓无视这两个屏幕
  和手持媒体样式声明。
  事实上，很多有用的风格
  这可以创建一个声明
  漏洞的缺乏媒介
  支持 - 包括显示：none和
  公开程度：在隐藏不需额外工作
  黑莓。对的完整列表
  支持CSS声明，请参阅
  在<一个href=\"http://www.blackberry.com/knowledgecenterpublic/livelink.exe/fetch/2000/8067/645045/8655/8563/1162261/BlackBerry_Browser_4.1_Content_Developer_Guide?nodeid=1162171&vernum=0\">BlackBerry内容开发
  指南。

When you first open a site in emulation, you'll probably notice the BlackBerry's CSS support is limited and your site may not look so great. Since most front-end developers are trained to be reactive, your initial solution maybe to attach another stylesheet, target the handheld medium and adjust the classes and ids in that stylesheet accordingly. Unfortunately, the BlackBerry disregards both screen and handheld media style declarations. In fact, many of the useful style declarations that could create a loophole for the lack of media support—including display:none and visiblility:hidden—won't work on a BlackBerry. For a complete list of supported CSS declarations, refer to the BlackBerry Content Developer Guide.

那么，有什么解决办法？真正的窍门
  到用于优化网站
  BlackBerry设备（无需任何黑客
  或变通）使用合式
  XHTML和CSS一起使用，
  省略不必要的布局元素
  使用屏幕中。这家专注于
  语义正确的XHTML开车
  你的布局可能不看pretty上
  黑莓手机，但它是有利
  几个原因。对于初学者来说，因为
  你在处理数量有限
  屏幕空间，依靠什么
  相当于拨号连接速度
  你要保持你的大部分
  显示内容为黑莓作为
  基于文本的。其次，结构良好
  code会导致总体较好
  搜索引擎优化，因为
  您正在使用code标准是
  友好到搜索引擎
  索引的过程。最后，焦点
  语义将使网站
  可扩展性和你摆脱任何后顾之忧的
  同的后果相关联
  添加文本，修改或链接
  改变的元件的外观
  在样式表。

So what's the solution? The real trick to optimizing a Web site for BlackBerry devices (without any hacks or work-arounds) is using well-formed XHTML in conjunction with CSS and omitting unnecessary layout elements using the screen medium. This focus on semantically correct XHTML to drive your layout may not look pretty on the BlackBerry, but it's advantageous for several reasons. For starters, since you're dealing with a limited amount of screen space and relying on what equates to dial-up connection speeds you want to keep the majority of your display content for the BlackBerry as text-based. Secondly, the well-formed code will result in better overall search engine optimization because you're using code standards that are friendlier to the search engine indexing process. Finally, the focus on semantics will make the site scalable and rid you of any worries associated with the consequences of adding text, modifying links or changing the appearance of an element in your stylesheet.

使用全功能的浏览器集成
  到了最新一代的
  手持设备（Safari浏览器在iPhone上，在IE
  Windows Mobile设备）美学
  对移动设备的支持也是千差万别
  日臻完善。无论哪种方式，良好的编码
  标准推进优雅降级
  和一个提供一定程度的
  未来校对，以确保用户可以
  查看网站不管怎么过时
  或尖端的设备。

With full-featured browsers integrated into the latest generation of handhelds (Safari on the iPhone, IE in Windows Mobile devices) aesthetics support on mobile devices is vastly improving. Either way, good coding standards promote graceful degradation and a provide a certain level of future proofing that ensures users can view a Web site no matter how outdated or cutting-edge their device is.

这篇关于黑莓媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！