上海益国网络科技有限公司
上海专业网站建设一条龙服务

学无止境!

这里摘有最贴近网站程序使用的方方面面相关技术文档~

021-20906540
AM 9:30-12:00 PM:2:00-5:30
您当前位置:首页 >> 技术支持 >>  手机移动端

假设手机页面的宽度为720PX,自适应的手机端页面代码怎么写

页面body 固定宽度的如720PX的
自适应方法是头部:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=720,initial-scale=0.44,minimum-scale=0.44,maximum-scale=1,user-scalable=yes" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">

<meta content="0" http-equiv="expires">


也就是以手机的屏幕宽320来除,720/320=0.44 所以,声明缩小0.44倍

做网站找动人网络!建站一条龙服务找动人网络!站长学习尽在站长培训网
  • PC端利用谷歌浏览器来浏览网站的手机移动端站点
    TOP