最近在写一个移动端的页面，起初只知道使用百分比布局就可以适应多个终端，果然，是我太年轻。当设计师甩给我一张以iphone6像素为基准的750px设计图的时候，因为这段代码<meta name="viewport" content="width=device-width, initial-scale= ...
分类：
Web程序 时间：
2017-03-10 16:28:19
阅读次数：
228
1. viewport ① viewport在移动端承载网页的区域：具有默认格式 ②设置viewport属性，适配移动端设备 主流设置： <meta name = ”viewport” content = ”width = device-width , initial-scale = 1.0 , u ...
分类：
移动开发 时间：
2017-03-08 01:12:58
阅读次数：
338
1.<meta name="viewport" content="width=device-width, initial-scale=1.0"> 答：width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域 ...
分类：
Web程序 时间：
2017-03-06 18:34:15
阅读次数：
233
作者：伯乐在线专栏作者 - zhiqiang21 如有好文章投稿，请点击 → 这里了解详情 如需转载，发送「转载」二字查看说明 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta name="viewport" content="width=device-width, initi ...
分类：
移动开发 时间：
2017-03-04 17:15:11
阅读次数：
179
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no minimal-ui"> ...
分类：
Web程序 时间：
2017-03-02 16:36:46
阅读次数：
177
媒体查询 /* 判断ipad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ #logo{ display: none; } } pc端 @media (min-width: ...
分类：
其他好文 时间：
2017-03-01 20:40:36
阅读次数：
202
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"> ...
分类：
其他好文 时间：
2017-03-01 12:59:27
阅读次数：
173
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabl ...
分类：
其他好文 时间：
2017-02-28 15:06:27
阅读次数：
189
jQuery Mobile 依赖 HTML5 data-* 属性来支持各种 UI 元素、过渡和页面结构。以下例子： <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale= ...
分类：
Web程序 时间：
2017-02-27 21:26:38
阅读次数：
200
今天把我写的一个网页发给老师了，他在电脑上显示的时候网页内容都错位了，我在代码head部分添加了 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale ...
分类：
Web程序 时间：
2017-02-27 21:03:43
阅读次数：
171
