/* 兼容问题*/@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){ .dialog-agreement-con{ height: 45%...
分类：
Web程序 时间：
2015-06-16 12:54:11
阅读次数：
188
/*#region Media Query*//*#region SmartPhones *//* SmartPhones */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}/* ...
分类：
其他好文 时间：
2015-06-11 14:34:23
阅读次数：
379
一.为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示： width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确...
分类：
其他好文 时间：
2015-06-09 19:29:09
阅读次数：
112
本文简介：1、手机移动端页面的自适应2、手机触摸手动滑动效果一、header信息的设置（自适应） 1、声明信息 2、编码设置 3、移动设备特别设置（重要声明！） Viewport说明：该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备width=device-width...
分类：
移动开发 时间：
2015-06-08 13:01:28
阅读次数：
139
/**
?*?iPhone?4/4s?landscape?&?portrait
?*/@media?only?screen
and?(min-device-width:?320px)
and?(max-device-width:?480px)
and?(-webkit-device-pixel-ratio:?2)
and?(device-aspect-rati...
分类：
Web程序 时间：
2015-06-03 08:29:15
阅读次数：
133
为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示：width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在...
分类：
其他好文 时间：
2015-06-02 19:46:19
阅读次数：
134
这一篇主要是补上源码，开始之前请先回顾：bootstrap学习笔记一： bootstrap初认识，hello bootstrap（上）首先，我们的页面要求, lang,charset等就不用说了，老html属性， viewport是h5的属性，目的是 width=device-width 铺满设备....
分类：
其他好文 时间：
2015-05-30 00:28:08
阅读次数：
304
1、viewport的写法宽度设为设备宽度（手机屏幕宽度），默认缩放比例设为不缩放，用户是否可手动缩放设为“否”2、device-width具体是什么呢？第一代iphone的时候，分辨率为320*480，屏幕尺寸为3.5寸（注意，这个3.5寸说的是屏幕的对角线宽），这时候device-width就是...
分类：
移动开发 时间：
2015-05-26 21:10:21
阅读次数：
197
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" hr...
分类：
Web程序 时间：
2015-05-26 16:39:35
阅读次数：
286
/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles...
分类：
其他好文 时间：
2015-05-24 23:17:09
阅读次数：
282
