Question

我为智能手机制作了单独的网站，现在需要为其他旧手机制作单独的网站。如何在旧/小屏幕手机上与移动网站的大多数设备实现最大兼容性？

enter image description here

我正在考虑使用

此HTML文档类型

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">

仅支持CSS Mobile Profile 2.0

支持的选择器和属性

图片不应该使用太多而不是应该使用透明图像
旧版本不支持Javascript 移动台
某些CSS 2.1选择器不是兼容旧浏览器
布局应没有固定宽度因为各种屏幕尺寸有
不使用外部CSS很好。内部的CSS会很好
不支持HTML 5 doctype，因此我将使用XHTML Basic 1.1
不应该width和float 为任何元素定义
http请求应该非常少
不应定义font-family

我不确定某些事情？

如果可能，我应该使用CSS精灵吗？
我应该进行布局吗？而是
内联CSS比外部更好 CSS？
我应该使用任何css重置代码吗？ css的陈述？
我应该使用utf-8还是ISO？
是否可以使用表格验证？
我不应该给出任何链接打开一个新窗口？
使用em是否必要 px的字体大小？

我的观点是否足够好？

虽然我将详细阅读http://www.w3.org/TR/mobile-bp/，但我也检查了http://html5boilerplate.com/mobile/，但它包括智能手机+，但有些内容很有用

智能手机前端矩阵 https://spreadsheets.google.com/spreadsheet/ccc?authkey=CJPSkfwO&pli=1&hl=en&key=tLen0XZBVTziVZBzwwQFxlw&hl=en&authkey=CJPSkfwO#gid=0

手机屏幕分辨率，按品牌和型号排序 http://cartoonized.net/cellphone-screen-resolution.php

但是你会建议你考虑个人经历，还有什么提示吗？

Answer 1

如果您必须确保您的网站适用于所有设备，您可能需要查看WALL http://wurfl.sourceforge.net/java/wall.php

如何最大程度地兼容移动网站的大多数设备？

2 个答案: