样式表和移动浏览器

时间:2010-12-14 12:53:28

标签: css

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

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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

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

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

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

希望它有所帮助!