device-width

2_H5新标签练习

屏幕设定maximum-scale=1.0,minimum-scale=1.0；initial-scale=1.0:最大最小缩放比例为1：其实就是不允许点击缩放user-scalable=0,width=device-width
Zd_silent·2020-02-29 01:36

viewport

viewport详解；Viewport基础一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下：width：控制viewport的大小，可以指定的一个值，如果600，或者特殊的值，如device-width
猿分让我们相遇·2020-02-24 18:02

移动web开发--准备工作（一）

这样的布局方式就是移动web开发使用的常用布局方式2.viewport(视口)视觉窗口，简称：视口；使用方式：content:可设置参数width：|宽度设置的是viewport宽度，可以设置device-width
believedream·2020-02-24 15:38

2018-12-03

webView.NSString*jsMeta=[NSStringstringWithFormat:@"varmeta=document.createElement('meta');meta.content='width=device-width
iOS余_沧海一笑·2020-02-24 13:54

响应式布局流式布局

响应式布局：根据不同的尺寸适配viewportwidth=device-width设置视口的宽度等于设备的宽度，如果不设置的话，默认视口的宽度是980px通俗理解：我们这个操作其实展示当前这个页面一共有多宽
河湾欢儿·2020-02-20 07:54

网页的自适应设计与背景居中

这里提供三种网页自适应的方法：方案一：用比例控制大小标签里写入以下是相关的属性的解释：width：控制viewport的大小，可以指定的一个值，如600，或者特殊的值，如device-width为设备的宽度
夏小皮·2020-02-19 17:00

通俗讲解CSS pixels、device pixels、device-width、layout viewport、visual viewport、ideal viewport六个概念

引子混沌诞生之初，标题里的六个概念是都没有的。我们就从最初代iPhone1说起。iPhone1的分辨率是320x480像素，除此之外没有任何其他的参数可言，也没有标题中提到的5个概念。因为这种设计在当时看起来很完美。这种设计理念一直维持到iPhone3都没有变。从iPhone4开始，苹果提出了新理念：视网膜屏，也就是：我们的屏幕分辨率不再是320x480，而是翻了一倍，成了640x960像素。当时
microkof·2020-02-18 16:02

【前端】面试的信心来源于过硬的基础

转的1、viewport//width设置viewport宽度，为一个正整数，或字符串‘device-width’//device-width设备宽度//height设置viewport高度，一般设置了宽度
老胡de博客·2020-02-18 11:39

移动端布局viewport

H5页面移动端布局，写在头部的标签十分重要content里面的这些属性必须知道width:控制viewport的大小，可以是一个指定的值，或者是特殊值，如device-width是为设备指定的宽度。
Miss_Fairy·2020-02-18 02:43

移动端布局学习笔记_2019-04-05

百分比与固定高度布局前提是device-width为理想视口，然后通过水平方向百分比布局或者弹性布局，垂直方向一般用固定像素。
熊文城·2020-02-16 13:09

前端大杂烩

1、vieport//width设置viewport宽度，为一个正整数，或字符串‘device-width’//device-width设备宽度//height设置viewport高度，一般设置了宽度，
dino小恐龙·2020-02-15 06:42

bootstrap

是当下最流行的前端框架（界面工具集);特点是灵活简洁、代码优雅、美观大方；使用1.搜索bootstrap进入官网，进入bs3.2.下载bootstrap3.设置基本模版,导入bootstrap1.2.3.width=device-width
MGd·2020-02-14 21:42

html

header信息的设置(自适应)1、声明信息2、编码设置3、移动设备特别设置(重要声明～)Viewport说明:该设置可使我们开发出的页面/产品大小可适应各种高端移动设备width=device-width
ProgrammerEliza·2020-02-13 06:21

vue-移动端屏幕适配

引入淘宝开源的可伸缩布局方案github开源地址https://github.com/amfe/lib-flexible淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width
Arthur凌·2020-02-08 18:27

Css(响应式布局以及标准头的设置)基础笔记（三）

2.渐进增强(progressiveenhancement)3.布局视口4.可视视口5.理想视口媒体查询mediawidth定义输出设备中的页面可见区域宽度height定义输出设备中的页面可见区域高度device-width
帅气的蛋散·2020-02-08 02:08

WKWebView自定义视图时高度获取

document.createElement('meta');meta.setAttribute('name','viewport');meta.setAttribute('content','width=device-width
Tombay·2020-02-06 11:14

动态rem

响应式1.meta：vp阻止缩放width=device-width记住viewport是视口user-scalable=no禁止用户缩放initial-scale=1.0初始缩放倍数1.02.尽量不要写
gigi1226·2020-02-02 17:37

1.9移动端

vctrl+xctrl+'+'发大ctrl+'-'缩小空格选择ctrl+r显示隐藏标尺移动端视口可视区的尺寸默认的移动端980px（css像素）px像素css像素物理像素像素比widthnumber|device-width
overisover·2020-01-07 22:43

H5项目常见问题及注意事项

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width’//height设置
漂流记·2020-01-02 16:00

移动端Web页面适配浅析

:移动端Web页面适配浅析date:2018-01-3116:38:01tags:移动端适配移动端Web页面适配浅析以前对移动端Web适配的原理一头雾水，对于几个概念dpr、ppi、viewport、device-width
豆板儿·2020-01-02 05:20

HTML5开发资料收集

HTML5一些关于Viewport与device-width的东西～响应式web设计之CSS3MediaQueriesJekyll【使用Jekyll在Github上搭建个人博客】系列使用Jekyll在Github
wuzhen·2019-12-29 08:41

css布局-百分比布局

书写手机网页时，必须约束视口宽度（320-420左右）：width=device-width约束视口initial-scale=1.0初始视口倍数是1倍minimum-scale=1.0最小允许视口宽度是
落崖惊风yxy·2019-12-28 09:09

移动端声明及meta标签设置

：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；视口的宽度可以通过meta标签设置；此属性为移动端页面视口设置；width：视口的宽度，width=device-width
小半_生·2019-12-28 01:53

css监听iPhoneX，iPhoneXR

@mediaonlyscreenand(device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio:3){.ua-box.rule-box
UmustHU·2019-12-26 08:08

移动端开发注意事项

一、关于meta(1)、常用的公共meta属性1、viewportwidth=device-width宽度是设备屏幕的宽度(像素)height=device-height高度是设备屏幕的宽度(像素)initial-scale
江湖人人好·2019-12-23 02:41

meta小结汇总

手机布局必备——视口viewportviewport官网http://blog.jobbole.com/44319/name="viewport"//视口content="device-width"//
张chuner·2019-12-21 10:46

[Adaptive && Responsive design] Note

成长笔记移动适配（响应式）4个要点1、mediaquery2、提前有设计稿3、隐藏元素4、手机端添加meta:vp（例如：320px宽的手机默认会模拟980px的网页，强制手机页面与设备宽度相等width=device-width
rjxio·2019-12-20 15:08

前端精编碎片（一）

答：对应网页中设置viewport=device-width时候的px单
小虫巨蟹·2019-12-19 09:57

WKWebView内容自适应宽度

document.createElement('meta');meta.setAttribute('name','viewport');meta.setAttribute('content','width=device-width
JohnayXiao·2019-12-14 22:28

[PuffBook项目总结]配置之viewport,rem,reset+global

viewport配置viewport用来设置用户在手机上的可视区域vue脚手架默认设置了width=device-width：指定viewport宽度为设备宽度initial-scale=1.0：指定默认缩放比例为
Yixi_Li·2019-12-14 07:05

HTML一些文件导入问题简述

文件一般都这样引用2.引入js文件这两种写法都可以，采用其中一种即可3.移动设备适配文件，网页的宽度自动适应手机屏幕的宽度加上这句代码metaname="viewport"content="width=device-width
程序人生_小龙·2019-12-13 03:20

CSS3创建响应式页面

编写之前呢，有几个要准备的工作准备工作1：设置Meta标签首先我们在使用@media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：这段代码的几个参数解释：width=device-width：
蓝山牧童·2019-12-07 13:46

手机页面中在中加入这句话，可以让页面适应设备的宽度。width=device-width--宽度为设备宽度，如果你的页面宽度小于设备宽度，就需要修改一下这个属性，不然的话会出现可以页面左右滑动，如ipadios7中客户端页面。initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-
moppet蔡蔡·2019-12-06 14:00

fastclick作用

注意几点1、PC端无效2、Android上的Chrome32+浏览器，如果在viewportmetatag中添加了width=device-width，那么就不会有300ms的延迟，所以，FastClick
zhaogaojian·2019-12-03 10:00

深入浅出viewport

其中：width=device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale
gongzhen·2019-11-07 01:47

移动端（1）

iphone4默认viewport大小980px视口浏览器=》视口=》页面可以设置宽度content="width=320"设置成和设备一样的宽度由于移动端设备的多样性，所以要借助另一个属性width=device-width
零1989·2019-11-06 17:17

H5项目常见问题汇总及解决方案

H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width
wyq_0bed·2019-11-05 01:35

H5项目常见问题汇总及解决方案

HTML5-FAQH5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width
程小E·2019-10-31 06:00

H5移动端—移动端布局及适配

1.移动端基本环境viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放
jiaojsun·2019-10-18 16:23

解决移动端click事件300ms延迟的问题

方法1、部分浏览器的标签加上width=device-width就能解决。
是桂·2019-10-09 17:00

手机站CSS

*IE9*/-moz-/*Firefox*/-webkit-/*SafariandChrome*/-o-/*Opera*/一.网页宽度自动适应手机屏幕的宽度，在head标签内加上以下内容：width=device-width
前端老码农·2019-09-30 20:35

BootStrap入门教程(二)之固定的内置样式

移动设备优先宽度设置为device-width可以确保它能正确呈现在不同设备上。initial-scale=1.0确保网页加载时，以1:1的比例呈现。
·2019-09-25 06:20

CSS3 @media的基本用法总结

mediamediatypeand|not|only(mediafeature){css-code;}//也可以针对不同的媒体使用不同的stylesheets:一、首先是标签这段代码的几个参数解释：width=device-width
百度怎么用·2019-09-10 17:47

bootstrap之响应式布局

以上代码的作用是：让viewport的宽度等于当前设备的宽度，同时不允许用户手动缩放，其中initial-scale=1.0和maximum-scale=1.0不是必须要添加的，需要根据用户需求，其中width=device-width
Evey1·2019-09-02 20:00

vue—father and son

vue子父组件传值移动端自适应metaname=“viewport”content=“width=device-width”新建public/css/index.css在index.html引入该css
ISOLATE_E·2019-07-27 15:56

vue—father and son

vue子父组件传值移动端自适应metaname=“viewport”content=“width=device-width”新建public/css/index.css在index.html引入该css
ISOLATE_E·2019-07-27 15:56

手机端页面Html设置

1、在写手机端时必要需要加入meta//（width=device-width），//初始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
菜鸟进阶成大神·2019-07-08 15:52

Bootstrap框架（1）————基础知识

假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为device-width可以确保它能正确呈现在不同设备上。（2）initial-scale
dixiaozi·2019-07-04 16:26

H5椤圭��甯歌���棰�姹��诲��瑙ｅ�虫�规�

���ｈ���ㄨ��村�拌�惧�瀹藉害锛�骞剁�姝㈢�ㄦ�风缉�鹃〉��//涓���HTML椤甸�㈢���//width��璁剧疆viewport瀹藉害锛�涓轰�涓�姝ｆ�存�帮���瀛�绗�涓测��device-width
��绔��ㄨ��·2019-06-27 14:08

H5椤圭��甯歌���棰�姹��诲��瑙ｅ�虫�规�

���ｈ���ㄨ��村�拌�惧�瀹藉害锛�骞剁�姝㈢�ㄦ�风缉�鹃〉��//涓���HTML椤甸�㈢���//width��璁剧疆viewport瀹藉害锛�涓轰�涓�姝ｆ�存�帮���瀛�绗�涓测��device-width
��绔��ㄨ��·2019-06-27 14:08
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他