这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的。

4，TableLayout，特点每个TableLayout都是由一个或多个TableRow组成的，一个TableRow就代表TableLayout的一行5，AbsoluteLayout，表格布局类似Html里面的Table每一个TableLayout里面有表格行TableRow，TableRow里面可以具体定义每；方案一iScroll v513 设置momentum true 方案二配置probeType 方案三开启硬价加速给scroll元素增加css样式webkittransformtranslate3d0，0，0方案四判断手机版系统版本，应用原生CSSoverflowyscroll。

rem布局的兼容性Mozilla Firefox 36+Apple Safari 5+Google ChromeIE9+和Opera11+ie6ie8 还是别用rem 不过现在的手机一般浏览器，一般可以直接不用去管IE内核的浏览器了REM的计算公式 例html 设置font；智能手机一般都是用html5，从手机网站设计来讲，需要自适应手机屏幕大小，最好是采用HTML5+CSS3，从行业网站类别上讲，网站设计应注意的有背景颜色网站布局等等当然，这只是简单通俗的理解，在技术上和设计上，有自己的技术；aa display flex 使用flex布局，可以轻易获得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px border 1px solid #000aa1， aa2；1在手机主页点击设置，进入设置页面2设置界面点击应用程序进入3接着点击应用程序界面右上角的图标4弹出的页面中，选择菜单栏的默认应用程序5进入默认应用程序列表后，选择主屏幕选项，进入相应页面6在；1适配的群体不同，响应式适配各种终端，而移端大部分为智能手机为主2响应式布局能根据不同的终端设备实现不同的页面布局，而移动端布局大部分是单列布局3响应式布局有可能造成冗余的代码较多传统式响应式布局，仅依。

1打开百度，在百度上搜索易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站2进入后，先登录自己的账号，可以直接用微信登录即可，登录后就可以开始制作自己的手机网页微场景了3首先点击我的；4该方法是唯一一个所有浏览器都支持的方法，类似还有如下方法，但是只有在Chrome和Safari有效5代码如下6再次测试，效果如下7相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题。

如果布局宽度是414px，此时基准字体大小变成 414 10 = 414px，然后设置lthtml style=quotfont=1766px 如果布局宽度变成360px，此时基准字体大小变成36px，然后设；2手机浏览器 浏览器已经逐渐从传统桌面转向手机端，竞争也越来越激烈目前国内市场主流的手机浏览器UC百度欧朋海豚safariChrome，这些浏览器都是基于webkit内核的，兼容性方面不存在问题，同时对html5和css3；2KendoUIKendoUI是一个HTML5平台，开发者利用它可以开发新颖的交互的移动应用程序和网站该框架提供了大量的动画和丰富的拖拽功能模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表组合框以及常用表格3；如上33图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图点击查看大图二Android + Chrome 1设置手机 11设置关于。