龙珠直播,阻挠移动浏览器主动调整页面巨细,小猿搜题下载

admin 2019-05-01 阅读:205

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

i0s和Android阅读器都根据WebKit中心。这两种推拉电磁铁阅读器以及许多其他阅读腿绞器(如Opera Mobile),都支撑用viewport meta元素掩盖默许的画布缩放设置。只需要在HTML的<head>标签中刺进一个<meta>标签。<meta>标签中能够设置具龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载体的宽度(如像素值)或许缩放份额如2.0(设备实践尺度的两武定三国倍)。下面是一个将页面扩大到设备实践尺度两倍显现的meta标签的示例:

<meta name=&qu龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载ot;viewport"content="郭贵initial一scale=2.0,width=device一width"/>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载nsitional//EN" "http://www.w3.org/T齐木家的三男R/xhtml1/DTD/xhtml1-蛋生王妃transitional.dtd">

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

<head>

<meta http-equiv=&qu龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载ot;Content-Type" content大a请现身="text/html; charset=UTF-8" />

<meta name=”viewport”content=”initial一霍军慕安冉scale=2.0,width=device一width”/>

<title>Hello World!</title>

然后,咱们在Android中加载该页面,显现作用如下所示:

如你所见,这并不是咱们终究想要的作用,但这个夸大的作用说明晰咱们评论的问题。

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

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

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

该等于设备宽度。

<meta>标签还能够控雯心草制页面可缩放的规模。下面的代码答应用户将页面最多扩大至设备

宽度的3倍龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载,最小紧缩至设备护卫岩在哪宽度的一半。

<meta name="viewport" content="龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载width=device-width龙珠直播,阻遏移动阅读器自动调整页面巨细,小猿搜题下载,maximum-scale=3,minimum-scale=0.5"/)

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

<meta name="viewport”content="init腾奥牌工业吸尘器ial-scale=1.0,user-scalable=no"/>

user-scalable=no便是制止缩放。

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

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

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

<meta name="viewport”content="width=device-width,initial-scale=1.致陆东青0"/>盖世神刀

在竖直的iPad上阅读页面,能够看到仍是有一部本分巴比伦饭馆第二季容被剪切掉了,但现已不再是缩小

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