移动端 viewport设置

<meta name="viewport" content="" />
    width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持
    user-scalable 是否允许缩放 (no||yes)
    initial-scale 初始比例
    minimum-scale 允许缩放的最小比例
    maximum-scale 允许缩放的最大比例
    target-densitydpi
    -- dpi_value 70–400 //每英寸像素点的个数
    -- device-dpi 设备默认像素密度
    -- high-dpi 高像素密度
    -- medium-dpi 中等像素密度
    -- low-dpi 低像素密度
    -- webkit内核已不准备再支持

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,target-densitydpi=device-dpi" /> 
时间: 2024-10-13 19:27:28

移动端 viewport设置的相关文章

移动web 的viewport设置注意事项的详细解释 六一快乐=-_-_

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--对viewport的设置的meta建议写在已有的meta标签(<meta charset="UTF-8">)之后--> <!--name="viewport":说明当前meta标签是用来设置viewport的属性的,

关于移动端meta设置

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, user-scalable=no"> <!-- 定义这个东西,让他屏幕大小适应手机端--> <meta name="viewport" content="width=device-width, initial-scal

移动端Viewport &amp; 使用rem来开发移动端网站

Viewport大神 无双 的精彩解释 具体参数各型号是否支持参见: http://www.cnblogs.com/2050/p/3877280.html#commentform 摘录: 移动设备上的viewport: 设备的屏幕上能用来显示我们的网页的那一块区域 设备像素比: docment.devicePixelRatio = 物理像素 / 独立像素 在Retina屏的iphone上,devicePixelRatio的值为2,也就是说1个css像素相当于2个物理像素. 一些设备上浏览器的默认

手淘移动端 flexible 设置(未完待续)

1.思路 1)选择一种尺寸作为设计和开发基准 2)定义一套适配规则,自动适配剩下的两种尺寸,其实不止两种 3)  特殊适配效果给出 2.基本概念 1)物理像素 2)设备独立像素 dp 与屏幕密度有关,可以用来辅助区分是否是视网膜设备, 3)css像素 (DPIS) 抽象单位,使用在浏览器上,用来精确度量web页面内容. 4)屏幕密度 (PPI) 一个设备表面上存在的像素数量,以每英寸有多少像素来计算. 5)设备像素比 (dpr)物理像素 / 设备独立像素 -- window.devicePixe

移动端常用设置(未完待续)

1.meta相关 1) <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 设置user-scalable=no 就不需要设置其他的缩放了 2)自动识别格式的调整 禁止手机自动设别电话号码,自动识别email 完整设置 <meta name="v

移动端mete设置

<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --&g

【转】移动端viewport的使用

web端网站转移至移动端页面,注意点如下: 1.首先引入viewport调整页面宽度 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 2.css中1px并不等于设备的1px 原文转自:http://www.cnblogs.com/2050/p/3877280.html

移动端viewport基础知识

苹果6的基本信息: 屏幕尺寸:4.7英寸 分辨率:1334*750 视口大小:375*667 布局视口:980*1429 1.  屏幕尺寸: 屏幕尺寸并不是指屏幕的宽和高,是指屏幕对角线的长度,单位是英寸,屏幕尺寸可用来计算像素密度,像素密度就是指每一英寸能够显示的像素(和分辨率有关)的数量. 2.  分辨率: 是指设备显示的最小单元,和屏幕的制作工艺有关.1334*750(高*宽)是设备的物理像素. 像素密度的计算公式:√(13342+7502)/4.7(勾股定理). 3.  视口大小: 可以

Linux SSH服务端配置文件设置

一 SSH概述 SSH 由 IETF 的网络小组(Network Working Group)所制定:SSH 为建立在应用层基础上的安全协议.SSH 是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议.利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题.SSH最初是UNIX系统上的一个程序,后来又迅速扩展到其他操作平台.SSH在正确使用时可弥补网络中的漏洞.SSH客户端适用于多种平台.几乎所有UNIX平台-包括HP-UX.Linux.AIX.Solaris.Digital UN