问题一,分辨率Resolution适配:不同屏幕宽度,html元素宽高比和字体大小,元素之间的距离自适应,使用rem单位. 问题二,单位英寸像素数PPI适配:使用rem单位,文字会发虚.段落文字,使用px单位,用media query或js来适配.标题文字可以直接使用rem单位. 问题三,设备像素比例DPR适配:1物理像素在<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-s…

说明: ①:H5自适应不同分辨率的设备,其实主要就一句 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> width=device-width 屏幕宽度:initial-scale=1 原始缩放比例为1,即100%铺满:minimum-scale=1 最小缩放比例为1:…

参考: 1.盒子模型:http://www.cnblogs.com/sunyunh/archive/2012/09/01/2666841.html 2.浮动:http://www.w3school.com.cn/css/css_positioning_floating.asp 3.viewport:http://www.cnblogs.com/2050/p/3877280.html 4.css基础:http://www.w3school.com.cn/css/css_syntax_pro.asp…

一.利用lib-flexible.postcss-plugin-px2rem插件 进行移动端rem适配. 1.第一 引入lib-flexible . 安装lib-flexible: npm i lib-flexible --save-dev 在项目的入口main.js文件中引入lib-flexible: import 'lib-flexible', 在index.html中 是否 去掉meta name="viewport" 标签  要看框架具体情况,具体请看第四条, 2.第二 使用p…

H5常用标签及其属性: <a>标签做超链接: <p>段落标签,自带段间距和换行样式: <div>块标签,表示一块内容,没有具体语意,区别与p标签,块与块间没有间距: <h1>标题标签,从大到小一共六级标题: <img>引用图片,使用相对路径,方便项目移植: <table>创建表格,tr行,td列: <iframe>内嵌框架: <span>标签截取一小截文字,方便配合css添加特定样式,没有具体语意: <i…

viewport 语法介绍 <meta name="viewport"content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = float_value , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes…

地区选择是项目开发中常用的操作,本文讲的控件是在手机端使用的选择控件,不仅可以用于实现地区选择,只要是3个级别的选择都可以实现,比如专业选择.行业选择.职位选择等.效果如下图所示: 附:本实例asp.net mvc中使用jquery H5省市县三级地区选择控件及中国省市县标准地区库下载地址 咨询QQ:806693619 一.实现原理 一般常用输入控件是input,当点击input的时候执行jquery获取焦点事情,然后弹出本地区选择插件,选择完地区后点击确定将选择的值返回给input完成地区输入…

看了几篇文章,理一下网易跟淘宝移动端适配的思路,主要是参考 从网易与淘宝的font-size思考前端设计稿与工作流 像素相关概念 物理像素(physical pixel) 一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值. 其值也就是我们常说的分辨率 设备独立像素(density-independent pixel) 设备独立像素(也叫密度无关像素),可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素(比如:…

JEECMSv8 是国内java开源CMS行业知名度最高.用户量最大的站群管理系统,支持栏目模型.内容模型交叉自定义.以及具备支付和财务结算的内容电商为一体:  对于不懂技术的用户来说,只要通过后台的简单设置即可自定义出集新闻管理.图库管理.视频管理.下载系统.文库管理.政务公开.作品管理.产品发布.供求信息.房屋租售.招聘信息.网络问卷调查及留言板于一体的综合性且不失个性化门户网站.  对于技术达人来说,jeecms不仅提供全部源码,而且在研发之初即全面的考虑了二次开发的高效性和代码的高移植性…

不用签名将网页封装成苹果APP,无需苹果企业签名,IPA签名,ios签名,免越狱安装 (本方法只支持网站封装app,原生的用不了,详细请咨询客服) 近期很多朋友问我把网站变成app的方法,原因很多种,有的是灰色的网站产品不能用网页展示,有的是觉得网页太low想开发个app显得高的上. 其实网站变成app很简单,只需要您的网站是H5自适应的或者网站支持手机端访问,就可以,直接打包成APP发布出去. 封装打包生成个app是很简单的,网上一堆app打包工具,app打包服务网站分分钟可以完成.价格也就是…