南京北大青鸟

全国咨询电话:15195455103

三分钟了解北大青鸟
当前位置:南京北大青鸟 > 学习园地 > 编程技巧

怎么制作html5网站页面让它自适应手机屏幕尺寸

来源:南京北大青鸟      作者:南京北大青鸟      发布时间:2016-11-13 09:56:49

怎么制作html5网站页面让它自适应手机屏幕尺寸
用以下代码开头:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
 
使用百分比定义宽度,, 
CSS代码可以适当使用:
@media only screen and (max-width:449px){
 
}
自动根据屏幕像素 调用不同的CSS代码。

其他注意事项
1.屏幕内插入层、表格、图片使用百分比宽度,高度自适应auto
2.设计时页面宽度可以是720至640之间




 

分享到:

相关阅读:

近期文章

抢试听名额

名额仅剩66名

教育改变生活

WE CHANGE LIVES