@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 ; }}一定要注意顺序!

[转]响应式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

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

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

Android设备网络、屏幕尺寸、SD卡、本地IP、存储空间等信息获取工具类

Android设备网络.屏幕尺寸.SD卡.本地IP.存储空间.服务.进程.应用包名等信息获取的整合工具类. package com.qiyu.ddb.util; import android.annotation.SuppressLint; import android.annotation.TargetApi; import android.app.Activity; import android.app.ActivityManager; import android.content.Clip

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

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

iPhone屏幕尺寸/launch尺寸/icon尺寸

屏幕尺寸 6p/6sp 414 X 736 6/6s 375 X 667 5/5s 320 X 568 4/4s 320 X 480 launch尺寸 6p/6sp 1242 X 2208 @3x 6/6s 750 X 1334 @2x 5/5s 640 X 1136 @2x 4/4s 640 X 960 @2x

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

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

iOS之获取屏幕尺寸

//app尺寸,去掉状态栏 CGRect appRect = [UIScreenmainScreen].applicationFrame; NSLog(@"%f, %f, %f,%f",appRect.origin.x, appRect.origin.y, appRect.size.width,appRect.size.height); //屏幕尺寸 CGRect screenRect = [UIScreen mainScreen].bounds; NSLog(@"%f, %

iOS屏幕尺寸和分辨率了解

1.截至目前为止,主流的iOS设备屏幕有以下几种: --------------- iPhone ---------- -------- iPad ------------ 2.iOS设备屏幕分辨率:(ppi是像素密度单位[像素/英寸],401ppi表示每英寸上有401个像素) ppi(pixel per inch)计算,以6Plus为例: 屏幕分辨率1920 x 1080, 屏幕尺寸5.5英寸(手机屏幕对角物理线的长度), 1920 x 1920 + 1080 x 1080 = 485

[[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允许你控制应用界面为特定的屏幕尺寸和密度,为不同屏幕的配置提供最优化的用户界面设计.例如,你可能会要一个平板电脑的用户界面,这不同于手机的用户界面. 虽然系统能缩放,调整其尺寸,以使应用软件工作在不同屏上,但是应该尽量优化应用软件适应不同的屏幕尺寸和密度.为此,对所有设备的用户体验应最大化且

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)

Android平板上开发应用的一点心得——精确适配不同的dpi和屏幕尺寸

一.引言 Android的开源使厂商无需自行研发OS,大大降低了研发.生产的成本,使得Android平板品牌如雨后春笋般爆发,山寨机厂商们似乎又找到了一丝希望.与此同时带来的是广大开发者的苦不堪言,各种神奇的小板儿考验着app的兼容性,各种定制的rom不经意间就让app崩溃,光是界面上的调整就已经够你喝一壶了,是不? 二.适配可行性早在Android设计之初就考虑到了这一点,为了让app适应标准or山寨屏幕,google已经有一套成熟的解决方案.其中,有这么几个指标需要注意: (1)屏幕尺寸:

WP8.1:关于屏幕尺寸和分辨率的那些事儿

目前市面上的Windows Phone设备越来越多,尺寸和分辨率也越来越多,特别是WP8.1时代的到来.做过wp开发的人都知道应用适配其实较安卓要简单太多了,其中有一个重要原因,就是微软号称所有WP设备都将以2个基准分辨率来发展,即800 : 480和853 : 480.WP8+的应用适配相对来说比较简单,主要让屏幕布局适配这两种比例足矣,想必对WVGA.WXGA和720p三种分辨率及对应的模拟器都有一定了解. 撸主最近深陷Universal Apps的大坑,虽说API变化很大,却提供了更多有价

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

Android 中4种屏幕尺寸

具体信息,请参考 Android 官方文档 Supporting Multiple Screens small(屏幕尺寸小于3英寸左右的布局), normal(屏幕尺寸小于4.5英寸左右), large(4英寸-7英寸之间), xlarge(7-10英寸之间) 比如,我要为190dpi的5.0英寸的设备设定参数,那么文件夹的名称应该是 values-large-mdpi 请注意,顺序不可变,如下图

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

IOS中获取屏幕尺寸

//app尺寸,去掉状态栏 CGRect appRect = [UIScreen mainScreen].applicationFrame; NSLog(@"%f, %f, %f,%f",appRect.origin.x, appRect.origin.y, appRect.size.width,appRect.size.height); //屏幕尺寸 CGRect screenRect = [UIScreen mainScreen].bounds; NSLog(@"%f,

iOS系统下的手机屏幕尺寸分辨率及系统版本总结

今天我对iOS系统下的手机屏幕尺寸分辨率及系统版本做了一次系统总结供大家参考. 首先是系统: 随着iOS 系统不断升级,现在已经到iOS7.0了, 并且TA有了很多新变化,最震撼的就是屏幕坐标的变化,为了增大屏幕使用率,iOS7鼓励把状态栏加入坐标使用,也就是坐标整体向上平移20个单位像素(点).这个就需要在做布局的时候考虑进去. 首先判断是不是iOS7 还是小于iOS7 代码如下:// 判断设备的iOS 版本号 float version = [[[UIDev

@media有哪些不同的屏幕尺寸

热门专题