手机屏幕适配的研究比较

最新推荐文章于 2025-08-08 10:21:08 发布

原创

最新推荐文章于 2025-08-08 10:21:08 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#手机 #浏览器 #safari #jsp #iphone #xhtml

本文探讨了手机屏幕适配的两种技术方案。技术A通过wml获取手机屏幕大小，但支持有限，不适合所有手机型号。技术B利用viewport对wap网页进行配置，更适应不同屏幕尺寸，但需注意不同浏览器的兼容性问题。iPhone Safari默认viewport为320px，而Android和iPhone支持多点缩放，可能导致显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随着手机屏幕的不断的变化，同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小，当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的UI来说，不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。针对手机客户端在不同屏幕下的实现进行规划，并制定出能够计算出具体控件位置的填充区算法，这个是前期对于不同的手机屏幕的匹配做出的一个界面适配算法。

名词解释：

VML：VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化的标记语言。VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。

viewport：可视区域，除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。

Safari：浏览器