webapp开发中的一些注意的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webapp开发中的一些注意的相关的知识,希望对你有一定的参考价值。

和大多数响应式的布局一样,webapp开发也是需要浮动布局和百分比布局,需要考虑的是小屏幕手机250px和大屏幕设备768px,但是习惯以320px和640px来分割,jq中的一句话$(function(){
$(window).resize(function() {
var isWidescreen=$(this).width();
if(isWidescreen<320){
isWidescreen=320;
}else if(isWidescreen>640){
isWidescreen=640;
}
var ratio = isWidescreen / 320;
$(".w640").css({‘font-size‘: ratio * 16+"px" });
}).trigger(‘resize‘);

可以检测移动设备width。

使用到Ovflow-y:scroll属性时;要注意设置为absolute;超出部分可以滚动,之前为了固定头尾部,使用了fixed属性,但是在苹果手机里不兼容,然后用了js动态为需要固定的元素设置top和bottom值,window.scrollY,发现手机打开滑动到头部和尾部的时候页面抖动厉害;然后为了解决这个问题,使用了ovflow:scroll;哎,饶了好大一个弯,也算是教训吧











以上是关于webapp开发中的一些注意的的主要内容,如果未能解决你的问题,请参考以下文章

webapp开发需要注意的浏览器内核知识

web app开发需要啥软件

webApp 开发总结

您如何管理 java webapps 中的嵌入式配置文件和库?

过程化开发2048智力游戏WebApp

webapp开发工具用啥?打包方式?