HTML - 15 移动设备网页设计

本教程原出处：网道
本教程文档在原作基础上进行了一定的补充、修改和完善，以满足个人学习、工作中的需要，亦可作为个人口袋书使用。
本教程文档中的原文部分，其版权仍归原作者所有。
本教程文档仅作个人学习、教学和工作使用，任何他人、或机构、组织不得恶意传播、复制本文档，或将本教程文档用做商用

移动设备网页设计

<meta>的 viewport 设置

<meta>的 viewport 设置用来控制网页的视觉大小。

<meta name="viewport" content="initial-scale=1">

这表示网页初始加载不进行放大或缩小。

下面代码指定网页适配的视口宽度。

<meta name="viewport" content="width=320">

下面代码指定网页宽度为设备宽度。

<meta name="viewport" content="width=device-width">

下面代码指定用户不能放大网页。

<meta name="viewport" content="maximum-scale=1">

适用手机的网页，一般要写成下面这样。

<meta name="viewport" content="width=device-width, initial-scale=1">

注：上述多个属性值，也可以写到一个声明中，多个 content 值可以使用英文逗号分隔。

HTML - 15 移动设备网页设计相关推荐

HTML5+CSS大作业——彭于晏明星(15页) _网页设计期末作业
HTML5+CSS大作业--彭于晏明星(15页) _网页设计期末作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明 ...
【案例练习】15—27个网页设计的 HTML 时间线
来源 | https://medium.com/@niemvuilaptrinh/27-html-timeline-for-web-design-979b8e5d1c05 今天这篇文章,我跟大家分享2 ...
29个简单直观的移动设备网页设计
毫无疑问的是移动网络已经风靡世界.运行在iOS或Android智能手机,这两者提供了出色的网页浏览平台.而且这个数字仅仅是预期增加人口的平均工资增长率扩大. 然而该过程的设计和编码移动模板可以是非常乏 ...
大学生简单个人网页作品代码HTML5+CSS大作业——彭于晏明星(15页) _网页设计期末作业
文章目录一.作品展示二.文件目录三.代码实现一.作品展示二.文件目录三.代码实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
HTML期末大作业~ 蓝色版爱宠之家(5个页面)带留言板宠物学生网页设计作业源码(HTML+CSS+JS)
HTML期末大作业~ 蓝色版爱宠之家(5个页面)带留言板宠物学生网页设计作业源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
中小企业信息化--网页设计模拟题1
一填空题 1.网页按其表现形式可分为和两种. 静态网页. 动态网页 2.简单地说, 就是一个网站的网址. URL 3.URL代表的是 .它的功能是提供一种在Internet上查找任何 ...
HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(HTML+CSS)~动漫主题html5网页模板-HTML期末作业课程设计期末大作业动漫主题html5网页模板-html5网页设计源码...
HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(DIV+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没 ...
HTML网页设计期末课程大作业 ~中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码
HTML网页设计期末课程大作业 ~ 中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
web网页设计——体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码
web网页设计--体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...

HTML - 15 移动设备网页设计

移动设备网页设计

HTML - 15 移动设备网页设计相关推荐

最新文章

热门文章