移动网站制作教程

 时间:2024-10-29 03:18:18

1、新建一个HTML5文档,

移动网站制作教程

2、因为移动网站通常是对设备屏幕自适应的,所以,首先应该使用html5的viewport功能,在html5文档中声明viewport

移动网站制作教程

3、使用媒体查询方法,设置一个移动端网站的CSS,例如:<link rel="stylesheet" href="mb.css" media="screen and (max-device-width:768px)">

移动网站制作教程

4、丰富HTML5文档的主题信息,在body内写入页面显示元素

移动网站制作教程

5、为手机端的CSS设置基本样式

移动网站制作教程

6、保存以上所有内容,当在设备屏幕宽度超过768px时,例如电脑设备,则不会使用移动端特定的CSS

移动网站制作教程

7、当设备宽度小于768px时,则加载移动设备指定的CSS

移动网站制作教程
  • 如何在Myeclipse中添加jdk
  • VS如何构成控件
  • 3dMax中如何设置缩放值
  • 微信开发者工具如何快速注释代码
  • 热门搜索
    苹果手机信号差怎么办 炉甘石洗剂怎么用 牛肚怎么做好吃 广发信用卡怎么样 在网上怎么开店 苹果一体机怎么样 怎么消痘印 牙齿上有黑色的东西洗不掉怎么办 鼻子出血怎么办 甲鱼怎么做好吃