文档章节

html移动Web开发----优化浏览器视口宽度设置

g
 gethub_sl
发布于 2016/06/13 20:30
字数 215
阅读 39
收藏 1

 在移动设备上,要使移动设备无论竖屏还是横屏,都能使页面内容的宽度和设备的屏幕宽度相匹配,使文字易读性大大提高,我们可以按一下方法操作:

在<head>标签内添加<meta name="viewport" content="width=device-width">  由此使视口的宽度设置为匹配设备的宽度。

对于这个问题,一些较老版本的移动设备浏览器不能识别“viewport”,可以采用下面的方法:

在<head>标签内添加<meta name="HandheldFriendly" content="true">

对于微软的PocketPC,需要使用一个特别的“MoblieOptimized”属性:

<meta name="MoblieOptimized" content="320">

因此对于该问题最完整的解决方案的代码如下:

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

<meta name="MoblieOptimized" content="true">

<meta name="HandheldFriendly" content="320">

© 著作权归作者所有

g
粉丝 0
博文 22
码字总数 4460
作品 0
杭州
程序员
私信 提问
第118天:移动端开发——视口

移动端视口的分类说明。在开始之前,先看一个典型的例子: 1 2 @media screen and (max-width:480px){3 //宽度不超过480px时的样式 4 } 上述代码相信大家在做移动端开发时经常去书写。它研究...

半指温柔乐
2017/12/18
0
0
关于移动端的适配

写在前面 本文参考了大量关于移动端适配的资料 侵删 谢谢 基础介绍 在说明移动端的适配之前我们需要理解一个重要的东西 像素!! 像素 在移动端给一个元素设置时发生了什么?这里的px到底是多...

熊蛋子17
2017/12/31
0
0
PC端的viewport

视口 视口(viewport)的作用是限制元素,元素是所有网页块元素中最高一级的元素。 一个实际的例子。假设在一个流式布局中,你其中一个边栏的宽度是10%。现在当你改变浏览器宽度时,边栏会一...

金于虎
2016/10/27
83
0
PC前端转移动前端的二三事——移动端适配

一、首先要搞明白移动端适配问题,就要先搞明白像素和视口 像素包含2种像素:物理像素和css像素 物理像素又称设备像素,任何设备的物理像素的数量是固定不变的,单位是pt。所谓的一倍屏、二倍...

Wendy曹
2018/07/01
0
0
墙裂科普:移动端适配的基础概念

近几年移动端设备数量增长迅速,导致各种设备屏幕尺寸不一,分辨率也是不尽相同。 作为一个前端开发者,就不得不面对移动端页面适配的问题,而适配的终极目标,就是让页面能在不同尺寸,不同...

沃趣葫芦娃
2018/07/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Nervos CKB 脚本编程简介[1]:验证模型

CKB 脚本编程简介[1]: 验证模型 本文作者:Xuejie 原文链接:Introduction to CKB Script Programming 1: Validation Model 本文译者:Jason,Orange 译文链接:https://talk.nervos.org/t/c...

NervosCommunity
33分钟前
6
0
消息中间件——RabbitMQ的高级特性

前言 前面我们介绍了RabbitMQ的安装、各大消息中间件的对比、AMQP核心概念、管控台的使用、快速入门RabbitMQ。本章将介绍RabbitMQ的高级特性。分两篇(上/下)进行介绍。 消息如何保障100%的...

Java架构师ya七
今天
9
0
如何编写高质量的 JS 函数(1) -- 敲山震虎篇

本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/7lCK9cHmunvYlbm7Xi7JxQ 作者:杨昆 一千个读者,有一千个哈姆雷特。 此系列文章将会从函数的执行机制、鲁棒性、函...

vivo互联网技术
今天
7
0
学会这5个Excel技巧,让你拒绝加班

在网上,随处都可以看到Excel技巧,估计已看腻了吧?但下面5个Excel技巧会让你相见恨晚。关键的是它们个个还很实用 图一 技巧1:快速删除边框 有时当我们处理数据需要去掉边框,按Ctrl+Shif...

干货趣分享
今天
11
0
JS基础-该如何理解原型、原型链?

JS的原型、原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对这个...

OBKoro1
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部