【@media 针对不同的屏幕尺寸设置不同的样式】的更多相关文章

@media 针对不同的屏幕尺寸设置不同的样式

@media screen and (max-width: 800px) {    #yanandownload .close input {    margin-right: 40px ;    }}@media screen and (max-width: 500px) {    #yanandownload .close input {    margin-right: 10px ;    }}一定要注意顺序!…

移动端，多屏幕尺寸高清屏retina屏适配的解决方案

移动端高清.多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿. 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×667). 对于retina屏幕(如: dpr=2),为了达到高清效果,视觉稿的画布大小会是基准的2倍,也就是说像素点个数是原来的4倍(对i…

通过media媒体查询设置ie7/8样式、使用media判断各机型、手淘flexible.js

@media all and (min-width:1280px){ /* 所有设备宽度大于1280干嘛干嘛嘞... */ body{ background:#f00; } } @media (min-width:1280px){ /* 所有设备宽度大于1280干嘛干嘛嘞... */ body{ background:#f00; } } 其中all and可省略 @media print{ /*打印时设置的样式*/ body{ background:pink; } } 插曲: Lake Hill…

[转]响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

原文地址:http://www.jb51.net/web/70360.html 现在移动设备越来越普及,用户使用智能手机.pad上网页越来越普遍.但是传统的fix型的页面在移动终端上无法很好的显示.因此,Ethan Marcotte提出一种响应式web设计的概念. 响应式web设计的英文为Responsive Web Design,简写为RWD. 在图书馆借到一本O'REILLY的<Head First Moblie Web>,里面讲到了一些做RWD的技巧. 今天学到的两招是: 1.使用med…

iosiPhone屏幕尺寸、分辨率及适配

iosiPhone屏幕尺寸.分辨率及适配     1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm)…

iPhone屏幕尺寸、分辨率及适配

转:http://blog.csdn.net/phunxm/article/details/42174937 目录(?)[+]   1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.3…

【转】iPhone屏幕尺寸、分辨率及适配

原文网址:http://blog.csdn.net/phunxm/article/details/42174937 1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches…

iPhone手机的屏幕尺寸、分辨率及适配

1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480 @2x 640x…

【转载】iPhone屏幕尺寸、分辨率及适配

iPhone屏幕尺寸.分辨率及适配 转载http://m.blog.csdn.net/article/details?id=42174937 1.iPhone尺寸规格 iPhone 整机宽度Width 整机高度Height 对角线Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI(对角线point/inch) 3GS 2.40 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 (3:…

创建支持多种屏幕尺寸的apk

文章转至:http://hell0android.iteye.com/blog/1899605 创建对两种以上屏幕尺寸的多apk支持(Creating Multiple APKs with 2+ Dimensions) 为了在开发android应用程序的时候加以利用google安卓市场的多apk支持特性,刚开始就采取一些良好的措施去增加对多apk的支持,是非常重要的,这样可以在将来开发的过程中减少不必要的麻烦.这一节将向您展示如何为你的app创建多apk支持--不同的apk支持不同的屏幕大小.还…

ios设备屏幕尺寸与分辨率

iOS 设备的屏幕尺寸.分辨率及其屏幕边长比例详细情况是怎样的? 根据屏幕尺寸和分辨率,ios现在数起来有6个版本.一,3GS:二,4s为代表:三,iphone5:四,ipad2为代表:五,ipad4为代表:六,ipad mini.只是分辨率不一样的情况,如一二或者四五相比,开发时提供两种分辨率就可以了,应用自动识别?只是尺寸不一样的情况,如四六相比,开发时完全没有影响?分辨率以及尺寸都不一样的情况,如二三相比,又如何?--------------------------------------…

设计兼容不同的屏幕尺寸的Android界面

Android的屏幕类型有几百种不同的尺寸,从小型的手机到大型的电视机.因此要使我们的应用程序兼容不同屏幕尺寸,才可以让我们的应用提供给更多的用户使用. 一.支持不同的屏幕尺寸 1.使用"wrap_content"和"match_parent" 为了确保布局的灵活性,来适应不同尺寸的屏幕,我们应该使用"wrap_content"来匹配组件的最小尺寸和使用"match_parent"来设置某些视图来匹配父视图的大小.这样设置和直…

Android屏幕适配全攻略(最权威的官方适配指导)屏幕尺寸 屏幕分辨率 屏幕像素密度 dpdipdpisppx mdpihdpixdpixxdpi

Android屏幕适配全攻略(最权威的官方适配指导)原创赵凯强 发布于2015-05-19 11:34:17 阅读数 153734 收藏展开 转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因.重要概念.解决方案及最佳实践,我相信如果你能认真的学习本文,对于Android的屏幕适配,你将有所收获! Android…

转： iPhone屏幕尺寸、分辨率及适配

1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480 @2x 640x…

分辨率、DPI、PPI和屏幕尺寸，你都知道是啥么？

分辨率.DPI.PPI和屏幕尺寸 分辨率 DPI/PPI 坑爹的屏幕尺寸 Reference 手机开发中不免会遇到分辨率.DPI.PPI和屏幕尺寸等术语,那就弄弄清楚这些概念的真正含义. 分辨率 分辨率这个词在很多地方都有,比如相机.视频.扫描仪.这里说的就是显示器的分辨率.显示器是由一个个像素点(pixel)所组成的,一般所说的显示器分辨率是1280x720就表示这个显示器水平方向有1280个像素,垂直方向上有720个像素.但是并非分辨率越高屏幕显示效果越好,还需要根据屏幕的大小来决定.也就是…

[[UIScreen mainScreen] bounds] 返回的屏幕尺寸不对

在使用cocos2d-iphone 2.0生成项目的时候,用5s测试时全屏中上下一直有黑条,发现[[UIScreen mainScreen] bounds]返回的屏幕尺寸不是320*568的,而是320*480.后来在项目的警告中发现提示缺少Default-568@2x.png: 单击之后弹出: 点击add之后再运行项目就可以得到320*568的全屏了! 另外,要隐藏statusBar还需要在info.plist中添加一条View controller-based status bar appe…

dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

一.基本概念 dip        : Density independent pixels ,设备无关像素. dp        :就是dip px        : 像素 dpi       :dots per inch , 直接来说就是一英寸多少个像素点.常见取值 120,160,240.我一般称作像素密度,简称密度 density : 直接翻译的话貌似叫 密度.常见取值 1.5 , 1.0 .和标准dpi的比例(160px/inc) 分辨率   : 横纵2个方向的像素点的数量,常见取值…

创建支持多种屏幕尺寸的Android应用

Android涉及各种各样的支持不同屏幕尺寸和密度的设备.对于应用程序,Android系统通过设备和句柄提供了统一的开发环境,大部分工作是校正每一个应用程序的用户界面到它显示的屏上.与此同时,系统提供APIs允许你控制应用界面为特定的屏幕尺寸和密度,为不同屏幕的配置提供最优化的用户界面设计.例如,你可能会要一个平板电脑的用户界面,这不同于手机的用户界面. 虽然系统能缩放,调整其尺寸,以使应用软件工作在不同屏上,但是应该尽量优化应用软件适应不同的屏幕尺寸和密度.为此,对所有设备的用户体验应最大化且…

dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算（终结版）

首先,说下概念(网上很多帖子几个地方都搞混了,理一下):   dip : device independent pixels ,设备无关像素. 我看很多帖子写的五花八门的,关于d的,什么display啊各种都有,既然是设备无关,我还是觉得device靠谱. dp就是dip px : 像素不多说 dpi :dots per inch , 直接来说就是一英寸多少个点.常见取值 120,160,240.我一般称作像素密度,简称密度 density : 直接翻译的话貌似叫 密度.常见取值 1.5 , 1…

工具类 dp转px 获取图片实际尺寸 获取屏幕尺寸

dp转px public class Dp2pxUtils { public static int Dp2Px(Context context, float dp) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dp * scale + 0.5f); } /** * 根据手机的分辨率从 px(像素) 的单位 转成为 dp */ public static int px…

屏幕尺寸,屏幕分辨率,屏幕密度,各种长宽单位（px,sp,dp,in.pt,mm）

常见长宽单位表 名称 单位缩写 单位全拼 介绍 屏幕尺寸 '' 或 in inch 屏幕的大小,通常用屏幕对角线的长度表示.单位是寸 屏幕分辨率 px pixels 整个屏幕的像素数,一般用屏幕的像素宽度(水平像素数)乘以像素高度表示,形如1280x720, 反之分辨率为1280x720的屏幕,像素宽度不一定为1280 屏幕密度 dpi dots per inch 每英寸中的像素数.计算公式:屏幕分辨率/屏幕尺寸, 打印分辨率 dpi dots per inch dpi 原是印刷上的记量单位,意…

android 布局如何支持多种不同屏幕尺寸

android 布局如何支持多种不同屏幕尺寸 --关于dp.layout-xxx.drawable-xxx作用的小结 转载自:http://blog.csdn.net/vincent_blog/article/details/8547851 支持多种屏幕 android运行在不同尺寸和像素(密度)的设备上,android系统给应用程序提供了一个相同的环境去适应不同的UI显示界面.同时系统提供API让应用程序去控制UI在不同尺寸和密度的屏幕上的显示效果,因为我们肯定不希望在手机和平板上显示一样的效…

Android计量单位px,in,mm,pt,dp,dip,sp和获取屏幕尺寸与密度

###########################################Android计量单位########################################### px   :是屏幕的像素点 in    :英寸 mm :毫米 pt    :磅,1/72 英寸 dp   :一个基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px dip  :等同于dp sp   :同dp相似,但还会根据用户的字体大小偏好来缩放. 建议使用sp作为文本的单位,其它…

创办支持多种屏幕尺寸的Android应用

创建支持多种屏幕尺寸的Android应用 Android涉及各种各样的支持不同屏幕尺寸和密度的设备.对于应用程序,Android系统通过设备和句柄提供了统一的开发环境,大部分工作是校正每一个应用程序的用户界面到它显示的屏上.与此同时,系统提供APIs允许你控制应用界面为特定的屏幕尺寸和密度,为不同屏幕的配置提供最优化的用户界面设计.例如,你可能会要一个平板电脑的用户界面,这不同于手机的用户界面. 虽然系统能缩放,调整其尺寸,以使应用软件工作在不同屏上,但是应该尽量优化应用软件适应不同的屏幕尺寸和…

Android 屏幕尺寸知识

转自:http://www.zcool.com.cn/article/ZNjI3NDQ=.html 1.了解几个概念 (1)分辨率.分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽×高”,安卓手机屏幕常见的分辨率有480×800.720×1280.1080×1920等.720×1280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素. (2)屏幕大小.屏幕大小是手机对角线的物理尺寸,以英寸(inch)为单位.比如某某手机为“5寸大屏手机”,就是指对角线的尺寸,5寸×2.54厘米/…

android做设计的每一个屏幕尺寸和分辨率(一个)

一个.与分辨率无关 1.使用dp(dpi) Android密度不依赖像素(dp)指定屏幕尺寸,它同意不同的屏幕尺寸和像素密度类似设备通过缩放来达到同样的效果. (不解决不同屏幕尺寸的问题?) 2.的资源限定符 当使用不能非常好地动态缩放的Drawable资源时,应该创建和包括针对每种像素密度类别进行优化的图像资源. 就是drawable-hdpi.m.l 感觉这个也好麻烦....哎,我都是仅仅用一个hdpi偷懒,只是这样小屏幕也载入了大图片... 二.为不同的屏幕大小提供支持和优化 没有必要也不…

01安卓像素 dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

一.基本概念 dip        : Density independent pixels ,设备无关像素. dp        :就是dip px        : 像素 dpi       :dots per inch , 直接来说就是一英寸多少个像素点.常见取值 120,160,240.我一般称作像素密度,简称密度 density : 直接翻译的话貌似叫 密度.常见取值 1.5 , 1.0 .和标准dpi的比例(160px/inc) 分辨率   : 横纵2个方向的像素点的数量,常见取值…

对屏幕的理解---分辨率，dpi，ppi，屏幕尺寸，像素 等

1. 名词理解 屏幕尺寸(screen size) 屏幕尺寸(screen size),是屏幕的对角线长度,一般讲的大小单位都是英寸. DPI (dots per inch) dpi 是(英文Dots Per Inch)(每英寸所打印的点数)的缩写,是打印机.鼠标等设备分辨率的单位.国际上都是计算一平方英寸面积内像素的多少.这是衡量打印机打印精度的主要参数之一,一般来说,该值越大,表明打印机的打印精度越高.如果对于扫描设备,dpi越大,则采样点越高,扫描的图片越清晰. 可以理解为像素的密度,即单…

ios开发的frame、物理屏幕尺寸和图片分辨率

型号 屏幕尺寸(inch) 逻辑分辨率(point) 缩放因子(scale factor) 物理分辨率(pixel) 像素密度(PPI) iPhone3GS 3.5 320 * 480 @1x 320 * 480 163 iPhone4/4s 3.5 320 * 480 @2x 640 * 960 326 iPhone5/5s 4 320 * 568 @2x 640 * 1136 326 iPhone6/6s 4.7 375 * 667 @2x 750 * 1334 326 iPhone6Plu…

iPhone屏幕尺寸说明及iPhone在微信上的一些表现

很久没有更新博客了,由于自己的水平一般,能力有限,这种情况下的知识点可能过于薄弱,所以不好分享给大家,注意是怕误导大家了,最近学习移动端的东西,有点心得,分享给大家,希望对大家有所帮助,如果有什么地方说的不对的地方,万望不吝赐教,批评指正,谢谢了! 好了,开场白就不多说了,下面我们进入正题吧(有点猴急): iPhone设备的实际显示尺寸: 今天要讲的主题是关于iPhone的尺寸问题和在微信上iPhone的尺寸表现,能力有限,就讲这一个知识点(这里说的iPhone指的是iPhone手机,不用我多强…