怎么制作HTML5页面让它适应电脑和手机 | 您所在的位置:网站首页 › 网站怎么自适应手机页面 › 怎么制作HTML5页面让它适应电脑和手机 |
利用meta标签
Meta标签主要用来描述一个HTML网页文档的属性,如作者、日期时间、网页描述、关键词、页面刷新等,它的Description和Keywords属性,可加入网站的关键字,让网页利于搜索引擎。 解释:Viewport指用户网页的可视区域,content中的“width”指的是虚拟窗口宽度,上面代码意为虚拟窗口/页面宽度初始比例为1,最小比例为1,最大比例为1,用户不可扩展,页面不可缩放。 以上标签只支持一种尺寸,正确的做法是用js动态生成下面标签,前提是要先获取屏幕尺寸。 var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Android (d+.d+)/.test(ua)){var version = parseFloat(RegExp.$1); if(version>2.3){ document.write(‘‘); } else{document.write(‘‘); } else { document.write(‘‘); }
|
CopyRight 2018-2019 实验室设备网 版权所有 |