|
Post by account_disabled on Jan 28, 2024 23:26:56 GMT -6
列您可以在 Estelle Weyl 撰写的 HTML5 输入属性和浏览器支持一文中找到有关当前浏览器对 HTML5 输入属性支持的一些信息。 视口尺寸和方向 当现代移动设备呈现网页时它们会缩放页面内容以适合其视口或可见区域。尽管默认视口尺寸适用于大多数布局但有时更改视口很有用。这可以使用苹果公司推出的标签来实现<meta>该标签后来被其他设备制造商采用。在文档中<head>包含以下代码片段: <元名称=“视口”内容=“宽度= 320”/> 在此示例中我们将视口设置为320这意味着页面的 320 像素将在设备的宽度上可见。 视口元标记也可用于禁用调整页面大小的功能: <meta name="viewport" content="width=320,user-scalable=false" /> 然而与禁用滚动条类似此技术夺走。 了用户的控制权并且只有在有充分理由的情况下才应使用。 此外还可以根据设备方向添加某些样式。这意味着可以根据用户是垂直还是水平握住手机来应用不同的样式。 为了检测设备方向我们可以使用类似于我们之前讨论的客户端设备检测的媒体查询。在您的样式表中包括: import url"portrait.css" 全部和 (方向:肖像); import url"landscape.css" 全部和 (方向:风景); 这里portrait.css将为垂直设备添加样式并landscape.css为水平设备 购买电话号码列表 添加 。 然而定向媒体查询尚未被所有设备采用因此最好使用max-width媒体查询来实现这一点。只需针对您想要定位的不同方向宽度应用不同的最大宽度查询即可。这是一种更稳健的方法因为可能针对不同方向的原因是针对不同宽度设计样式。 对于 IPhone / I。 Pad 的特别关注 iPhone 4 iPhone 占据28% 的市场份额预计有50% 的移动浏览是通过 iPhone 进行的因此开发商为这家移动巨头提供特殊照顾是有道理的。 无闪光灯 不管苹果的道德观如何现实是 iPhone 除非越狱否则无法播放 Flash 。幸运的是有 Flash 的替代品而且 iPhone 的这项技术问题通常很容易解决。Flash 在现代网站中的主要用途是 Flash 视频使用HTML5 视频可以轻松绕过 Flash视频。然而由于较旧的浏览器不支持 HTML5请确保为不支持的浏览器包含 Flash 备份(这就是为什么关于 Flash 与 HTML5 的整个争论有点毫无意义因为您实际上可以向您的用户和用户的设备将选择它可以自动渲染的设备)。 除了视频之外通常最好使用 JavaScript 来实现任何简单的功能。JavaScript 库(例如 jQuery。
|
|