Fatal编程技术网
  • css/
  • Css 如何最大限度地与移动网站的大多数设备兼容？

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

css mobile

Css 如何最大限度地与移动网站的大多数设备兼容？,css,xhtml,mobile,mobile-website,mobile-phones,Css,Xhtml,Mobile,Mobile Website,Mobile Phones,我为智能手机创建了单独的站点，现在需要为其他旧手机创建单独的站点。 如何在旧/小屏幕手机上获得与移动网站大多数设备的最大兼容性 我想用 此doctype用于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">

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

我想用

此doctype用于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">
并且仅支持选择器和属性

  • 图像不应该使用太多，也不应该使用太多 应使用透明图像
  • 旧版本不支持Javascript 手机
  • 有些CSS 2.1选择器不可用 在旧浏览器中兼容
  • 布局应无固定宽度 因为不同的屏幕尺寸是不同的 那里
  • 最好不要使用外部CSS。 里面的CSS会很好
  • HTML5doctype将不受支持，因此我将使用XHTMLBasic1.1
  • 不应设置
    宽度
    和
    浮动
    为任何元素定义
  • http请求应该非常少
  • 不应定义
    字体系列
有些事情我不确定

  • 如果可能，我应该使用CSS精灵吗
  • 我应该在里面做布局吗 反而
  • 内联CSS比外部CSS好吗 CSS
  • 我应该使用css重置代码吗 css的分层
  • 我应该使用utf-8还是ISO
  • 可以使用表单吗 验证
  • 我是否应该不提供任何链接 打开一个新窗口
  • 使用em是否有必要 字体大小的px位置
我的分数够好吗

虽然我会详细阅读，我也检查了，但它适用于所有人，包括智能手机+但有些东西是有用的

智能手机前端矩阵

手机屏幕分辨率，按品牌和型号排序

<强>但是你会建议在你的个人经历中考虑什么呢？有什么窍门吗？< /强>

< P>如果你必须确保你的站点将在所有的设备上运行，你可能会想看看墙[P/P>< P >为什么你使用<代码> <代码>？这是一个xml头，不是html

关于问题：

  • 图像不应使用太多，也不应使用透明图像
您可以使用透明GIF，它们在某种程度上是受支持的。透明的Png，但不是

  • 旧手机不支持Javascript
这不是不受支持的。首先，在旧浏览器上，JS在默认情况下总是被禁用的。第二个问题是JS的错误实现。第三个因素是旧手机的资源有限，而且由于JS是客户端的，它可能会使手机崩溃/减速

  • 布局应该没有固定的宽度，因为有不同的屏幕尺寸
在移动设备上，提示始终与流体布局（基于%）

  • 最好不要使用外部CSS。里面的CSS会很好
内联css在旧设备上是最好的，因为大多数设备在请求太多或将样式应用于dom时都存在问题。记住，他们使用EDGE甚至更糟糕的WAP连接，这几乎和拨号一样糟糕

  • HTML5doctype将不受支持，因此我将使用XHTMLBasic1.1
您可以使用XHTML basic，甚至更好，

  • 不应为任何元素定义宽度和浮动
宽度，始终打开%。漂浮，永远不会。直到S60第3版FP1，Symbian上的浮标都是小车。（N73在S60 3rd上运行，浮点型有缺陷。在N95的S60 3rd FP1上，浮点型在大多数情况下都是固定的，但根据使用情况仍会出现一次或另一次错误）。这同样适用于绝对位置和固定位置

  • http请求应该非常少
尽可能减少。请求越多，蹩脚的wap/edge需要获取内容的次数就越多，加载时间也就越多

  • 不应定义字体系列
家庭和大小是旧设备令人烦恼的两件事。他们中的大多数人都有自己的字体和大小。 例如：摩托罗拉V3R/RAZR V3有自己的字体，只有一种大小（如果我提醒正确的话，每个字母大约是屏幕的7~9像素）。但是您可以声明Arial，因为它是一种常用字体，当浏览器拥有它时将使用它

  • 如果可能，我应该使用CSS精灵吗
不惜一切代价避免。在减少请求数量的同时，您遇到了另一个问题：您的布局将是流动的，并且在使用百分比时背景位置通常会混乱。老黑莓喜欢在背景图像上出错

  • 内联CSS比外部CSS好吗
在我的机会里，是的。由于连接和渲染都很慢，如果您的css文件由于任何原因超时，那么（已经糟糕的）布局将更糟糕

  • 我应该在css分层时使用任何css重置代码吗
我曾经用过YUI的一款，但在真正的老浏览器（同样是V3r和near）上并没有太大区别。但当你向客户展示时，这是件好事：P

  • 我应该使用utf-8还是ISO
这取决于你的内容如何。如果对所有html实体进行编码（例如，使用拉丁字符时），请选择UTF-8。如果不编码，请尝试ISO。但无论如何，旧的浏览器强制它自己编码。检查N95的浏览器，例如，您可以设置自己的编码，从而与html的编码混淆

  • 是否可以使用表单验证
尽可能避免使用JS，始终使用服务器端

  • 我应该不提供任何打开新窗口的链接吗
旧浏览器不支持“tab”，因此即使您指定为target=“\u blank”，它也会在当前页面的顶部打开。 我不记得S60的浏览器什么时候支持标签，但有点隐藏。例如，N95 S60 3rd FP1 webkit浏览器不允许您在新窗口上打开链接，但如果使用空白，将打开新标签。要切换“选项卡”，您需要按“5”键