经常遇到JSP网页需要适配手机设备的尺寸问题
解决:
在JSP加入
content属性值 :
width:可视区域的宽度,值可为数字或关键词device-width(设备的宽度)
maximum-scale=2.0, minimum-scale=1.0;可视区域的缩放级别
实现了适应手机页面,主要是设置了width为device-width,device-width为使用设备的宽度。
REF:
网页布局的原则
一. 允许网页宽度自动调整: "自适应网页设计"
在网页代码的头部,加入一行viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 对于viewport属性,我是真正在接触移动web开发是才遇到的,一把的ps布局都是固定的960px,1000px这种。
二. 不使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。
这一条非常重要。 具体说,CSS代码不能指定像素宽度: width:xxx px; 只能指定百分比宽度: width: xx%; 或者:width:auto; 这里开发是指一个网页不仅能用在ps上,也能同时用于移动端,但是对于webapp这种还是需要单独做一个webapp使用的页面。
对于这个知识点,对于我目前做的项目有用处&#