0571-88730320
当前位置: 首页 > 建站新闻 > 手机网站CSS样式表构建的注意事项
手机网站CSS样式表构建的注意事项
发布日期:2021-03-17 12:20:00

手机网站CSS样式表的构建注意事项

为网站创建移动功能支持的第 一步是为移动终端设备CSS创建样式表。在构建移动网站样式表的过程中,web程序员应该注意哪些方面?下面是为您解释为您构建移动网站CSS样式表的注意事项。

其中一种方法是编写移动样式表,其中涉及到用服务器端语言(如PHP)检测用户代理字符串。通过这项技术,网站将能够检测移动设备并提供适当的样式表,或将用户重定向到另一移动网络的子域。

这种服务器端方法具有以下优点:一是可以无限度地提高网站的兼容性;二是可以让移动终端用户浏览网站查看一些权限较高的内容。

虽然该技术可以很好地应用于企业级专业网站,但一些实际问题使大多数普通网站难以使用。

由于几乎所有时间都会生成新的用户代理字符串,因此无法保存当前的UA字符串列表。

另外,这种方法还取决于设备本身是否能够取代其真正的用户代理,因此在互联网的开发中,很多浏览器都欺骗了用户代理的UA字符串来解决这种类型的检测。例如,在1990年代,大多数UA字符串以“Mozilla”开头,并通过了Netscape的检查。近年来,歌剧一直假装IE浏览器,这让人很困惑。正如彼得移动网站建设所写:“这是一场军备竞赛。如果设备检测变得流行,浏览器开发人员将开始将用户欺骗为代理字符串,以尽快结束检测。”

或者使用另一种更简单的方法,即直接从客户端检测移动终端设备。

检测所包含移动样式表的最早方法还包括使用样式表的媒体类型来检测,例如:

虽然这确实是一个很好的解决方案,但设备是否受支持是另一个问题。旧一批移动终端设备基本上支持手持媒体的类型。同时,也伴随着实施过程中的诸多变化:有的手机禁用屏幕样式表,只加载手持媒体的类型,而另一些则不加载

此外,大部分新移动终端与手持数字设备没有明显区别,从而方便网站开发者放弃无生命的移动网页布局,从而为用户提供更全面的网页浏览体验。

为了支持新设备,我们需要使用媒体查询来支持我们确定设备的大小。由于移动终端设备使用典型的小屏幕,因此可以通过检测设备的屏幕宽度是否小于或等于480像素来确定它是否是手持数字设备

由于一些老款手机不支持媒体查询功能,这种方式只适用于一些新推出的手机,因此我们需要一种两全其美的解决方案来挖掘这个巨大的潜在市场。

虽然这项技术在移动终端市场占有很大的市场份额,但并不意味着它是_的。对于像素宽度超过480的移动设备,如iPad,这种方法是不可行的。

另一方面,这些较大的移动设备不需要简洁的页面布局。随着技术的不断发展,将会有越来越多的移动终端设备不再适合这种检测模式。遗憾的是,由于所谓的“标准”只是刚刚形成,还没有成为固定的项目,未来很难推动移动设备检测方法的更新。

除了设备检测不理想外,媒体查询方法也存在一些问题。主要问题是媒体查询只适用于不同的web内容样式,不能控制web文本的发送。

文章标题:手机网站CSS样式表构建的注意事项
本文地址:/news/1622.html