html5编写一个手机app的首页

html5编写一个手机app的首页_第1张图片


html5编写一个手机app的首页_第2张图片

为了适配各种手机用一段简单的js代码解决

<script>

autoSize();

window.onresize = function(){

autoSize();

}

function autoSize(){

// 获取当前浏览器的视窗宽度,放在w中

var w = document.documentElement.clientWidth;

// 计算实际html font-size大小

var size = w * 100 / 375 ;

// 获取当前页面中的html标签

var html = document.querySelector('html');

// 设置字体大小样式

html.style.fontSize = size + 'px';

}

script>


头部和底部固定不动,用fixed固定定位

中间用overflow:scroll;




	
    
    
	Document
	


	
北京
目前10000人为绿化做出贡献
您可以成为第100002名为绿化做贡献者
| TOP排行 更多 >
| 新能源品牌热卖 更多 >
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
| 新能源品牌热卖 更多 >
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车
特斯拉
特斯拉特斯拉特斯拉特斯拉
¥34.223.00 加入购物车


你可能感兴趣的:(html,web前端,移动端开发)