手机自适应网页怎么做

 时间:2024-10-13 16:58:04

1、首先,在网页代艨位雅剖码的头部,加入一行viewport元标签。 <meta name="即枢潋雳viewport" content="width=device-width, initial-scale=1" />

手机自适应网页怎么做

2、viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

手机自适应网页怎么做

3、对于viewport属性,我是真正在接触移动web开发是才遇到的,一把的ps布局都是固定的960px,1000px这种。

手机自适应网页怎么做

4、由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素,这一条非常重要。

手机自适应网页怎么做

5、具体说,CSS代码不能指定像素宽度: width砜实蛰斓:xxx px; 只能指定百分比宽度: width: xx%; 或者:width:auto; 这里开发是指一个网页不仅能用在ps上,也能同时用于移动端,但是对于webapp这种还是需要单独做一个webapp使用的页面。

手机自适应网页怎么做
  • linux 如何访问hdfs
  • C#如何使用枚举类型
  • jquery获取对象属性值的方法?
  • edge浏览器如何查看站权限
  • css如何去掉div的背景色
  • 热门搜索
    放飞心灵手抄报内容 读书小报手抄报内容 遵纪守法手抄报内容 数学手抄报图片大全 心理手抄报 古诗手抄报版面设计 有关春天来了的手抄报 美文手抄报 心灵驿站手抄报 古诗词手抄报内容