如题所述
在网页代码的头部,加入一行viewport元标签。
<metaname="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩 放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
这只是添加到head标签里的!想要做自适应网站,还需要在css里写一些代码,比如多少屏宽,某个css选择器样式做怎样的调整之类的。
我相信在这也是说不完的,具体你可以百度一下"网页自适应"这个关键词,找找教程,都说的很详细。我当初了解学习自适应就是这么学的。
希望我的回答对你有所帮助!追问
<metaname="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩 放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
这只是添加到head标签里的!想要做自适应网站,还需要在css里写一些代码,比如多少屏宽,某个css选择器样式做怎样的调整之类的。
我相信在这也是说不完的,具体你可以百度一下"网页自适应"这个关键词,找找教程,都说的很详细。我当初了解学习自适应就是这么学的。
希望我的回答对你有所帮助!追问
能具体教我一下手机的吗?
追答百度 网页自适应
温馨提示:答案为网友推荐,仅供参考
第1个回答 2017-01-19
好像用一个函数,可以实现追问
这个。。。。我就是这个函数不知道
追答在网页代码头部加一个标签,mate标签,可以设置长宽,然后把长宽函数值设为auto自适应。基本是这样