为移动设备准备网站

2021年2月24日06:06:59 发表评论 23 次浏览

随着成长使用手机和PDA等移动设备访问Internet的消费者数量, 重要的是要确保使用这些设备的潜在客户可以访问你的网站。首先, 请问自己几个有关你的网站的问题:你是否曾经在移动设备上浏览过你的网站?你是否有信心客户可以在手持设备上从你的网站上找到所需信息并进行购买?如果你对所有这些问题的回答都不是肯定的"是!", 那么你需要继续阅读。

用W3C检查

作为开发人员, 要做的第一件事是检查CSS和移动设备的万维网联盟(W3C)规范, 该规范可在以下位置找到:W3.org/TR/css-mobile/。如果你在第一段之后仍然醒着, 可以进行一些更有用的分析。你的网站使用表格吗?你的网站使用大量图像或多媒体文件吗?你的网站是否需要很长时间才能通过网络浏览器下载。尽管Internet在移动设备上的工作原理与在计算机上的工作原理基本相同, 但是你希望确保网站上的信息易于阅读和浏览。

Skweezer.com是将你当前的网站转换为适合移动设备的格式的一个很好的资源。只需输入你网站的URL, 它就会通过删除无法正常显示的大图像, CSS样式和页面元素, 以适合移动设备的版本显示你的网站。我想以此为模板, 或以此为起点, 为网站制作移动CSS配置文件。要为使用移动设备的用户提供替代的CSS样式表, 请在HTML文档的开头插入以下代码:

<link href =" / css / global.css" rel =" stylesheet" type =" text / css" media =" handheld" />

为移动设备分配样式时需要考虑的两件事是使其保持非常简单。移动设备仍然要慢一些, 因此你要避免使用大量图像和图形。此外, 手持设备的屏幕尺寸和分辨率各不相同, 因此最好按屏幕尺寸缩放页面元素, 而不是为页面元素设置固定的像素宽度。

一盏木

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: