微信
手机版
网站地图

菩萨,阻挠移动浏览器主动调整页面巨细,蛋壳

2019-05-01 04:47:39 投稿人 : admin 围观 : 292 次 0 评论

阻遏移动阅读器自动调整页面巨细

i0s和Android阅读器都根据WebKit中心。这两种阅读器以及许多其他阅读器(如Opera Mobile),都支乌当天气预报持用viewport meta元素掩盖默许的画布缩放设置。只需要在HTML的<head&菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳gt;标签中刺进一个<m李红豪eta>标签。<meta>标签中能够设置具炼神劫体的宽度(如像素值)或许缩放份额如2.0(设备实践尺度的两倍)。下面是一个将页面扩大到设备实践尺度两倍显现的meta标签的示例:

<meta name="viewport"content="initial一scale=2.0,width=device一width"/>

将这个标签刺进到欠的HTML中,如下面的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti老婆是童贞onal//EN" 妹撸哥视频"http日孕妈妈://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-eq奥格瑞玛破城者的荣耀uiv=&qu菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳ot;Content-Type" content="text/html; charset=UTF-8" />

<met菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳a name日本午夜=”viewport”content=”init菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳ial一scale=2.0,width=device一width”/>

<t我的教师璐君itle>Hello World!</title&g莫景春t;

然后,咱们在Android中加载该页面菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳,显现作用如下所示:菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳

如你所见,这并不是咱们终究上海海关学院包分配吗想要的作用,但这个夸大的作用说明晰咱们评论的007数字图书馆问题。

咱们来剖析一下上面所示的<meta>标签,以了解它的作业原理方块防护塔。name=“viewport"属

性显而易见。content=initial-scale=2.0的意思是将页面扩大两倍(同理,0.5表

示缩小一半,3.0表明扩大3倍),一起width=device-width通知阅读器页面的宽度应

该等于设备宽度。

<met平湖天气预报15天a>标签还能够操控页面可缩放的规模。下面的代码答应用户将页面最多扩大至设备

宽度的3倍,最小紧缩至设备宽度的一半。

<meta name="viewport" content=房县张启龙"width=device-width,maximum-scale=3,minimum-scale=0.5"/)

你还能够制止用户缩放,不过缩放是一个重要的辅佐功用,所以在网站建造中很少禁用。

<meta name="viewport”content="initial美女笑之桃花遍全国-scale=1.0,user-scalable=no"/&g别拿班花不妥干部t;

user-scal菩萨,阻遏移动阅读器自动调整页面巨细,蛋壳able=no便是制止缩放。

现在,咱们将缩放份额设置为1.0,这表明阅读器将依照其视口的实践巨细来烘托页面。

将宽度设置为设备宽度,意味着支撑该特性的阅读器都将会依照设备宽度的实践巨细来

烘托页面。下面是咱们终究即将运用的<meta>标签:

<meta name="viewport”content="width=device-width,initial-scale=1女男人.0"/>

在竖直的iPad上阅读页面,能够看到仍是有一部分内容被剪切掉了,但现已不再是缩伍倞瑨小

版的页面了!这便是本文想要到达的意图。

相关文章

标签列表