样式表和移动浏览器

最后发布: 2010-12-14 12:53:27


问题

我不确定我是否也在其他线程中提出过这个问题......但是我的问题仍然没有答案......我需要知道的是,在使用Opera mini ...或者在手机上浏览网站时...使用HTML或CSS时有一些限制吗? 我对屏幕样式表和手持样式表等某些术语感到困惑......在获取媒体类型时,有人提到我们必须使用一些屏幕或手持式样式表....根据媒体类型...只是不确定怎么别问....

css
回答

用于media=handheld样式表应该被移动浏览器使用,但是一旦浏览器变得更先进,浏览器供应商就开始忽略media=handheld ,因为他们现在可以显示media=screen (浏览器选择它支持的媒体)。

更现代,更灵活的方法是使用CSS3媒体查询 ,只有在选定的条件匹配时才能设置某些样式,例如最小屏幕尺寸。 请记住,移动浏览器在width媒体查询中报告虚拟(缩小)屏幕大小,并且device-width更接近物理大小。


回答

移动浏览器可能对某些HTML或CSS规则有限制,就像每个浏览器供应商都有关于此主题的特定规则一样。 您必须检查正在开发的移动浏览器的功能与否。

媒体类型(屏幕,手持设备等)由CSS定义,因此您可以将不同的样式表用于不同类型的媒体。 因此,您可以针对每种媒体不同地显示相同的内容。 请注意,类型屏幕,手持设备等不会定义窗口大小,只定义不同类型的设备。 请查看以下链接,以便更好地了解它:

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

希望能帮助到你!