常见设备分辨率大小，响应式必备啊

最新推荐文章于 2024-03-17 00:41:39 发布
最新推荐文章于 2024-03-17 00:41:39 发布
阅读量98 收藏
点赞数
原文链接：http://www.cnblogs.com/hmj1216/articles/6001149.html
版权

1、移动设备

安卓：800*400  480*320  1280*720

iPhone4、魅族：960*640

ipad：1024*768

iPhone5/se：1136*640

iPhone6:667*375

iPhone6p：736*414

 

2、PC

1366*768

1920*1080

1280*800

1440*900

 

至于为啥安卓有个和pc一样的，好吧我也不知道。。。

转载于:https://www.cnblogs.com/hmj1216/articles/6001149.html

weixin_30415113
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
常见 Android 代码兼容性问题及解决方案
珠穆朗玛小王子的博客
01-13 3616
前言 感谢大家对这篇文章的支持，我们将深入研究安卓中常见的兼容性问题的原因以及解决方案，主要目录如下： 如何回调 Fragment 的 onActivityResult（）方法； 监听 ScrollView 滑动底部的兼容问题； WebView的兼容问题 Android 5.0 监听网络； Android 7.0 文件共享； Android 8.0 安装 Apk； Android 8.0 发送通...
专题信息列表响应式网页模板
01-22
专题信息列表响应式网页模板是一种现代网页设计技术的体现，旨在提供一种自适应不同设备屏幕大小的用户体验。这种模板在网页开发中具有重要的地位，因为它能够确保网站在手机、平板电脑和桌面电脑等不同设备上均能...
响应式布局—设备像素密度测试
pullgo的博客
03-05 365
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个栗子：   以下是我摘抄并翻译的...
响应式开发移动端入门必备知识
weixin_30790841的博客
07-03 43
一、移动端布局计算 Flex： 　　　采用Flex布局的元素，它的所有子元素自动成为容器成员，可以自动分配空间，适合做移动端开发 rem： 　　　在不同的设备上显示不同的效果，因此适合做移动端开发 二、移动设备常见属性 physical pixel： 　　　物理像素值（屏幕分辨率） device-indepe...
响应式布局详细介绍
weixin_30904593的博客
04-24 113
一、响应式布局 　　定宽布局的局限：屏幕越来越宽，而定宽的宽度是固定的，看定宽的网页不美观 　　　　　　　　　　屏幕也在一直往小变，定宽也不合适，看不到完整的网页内容 　　在这种情况之下，就出现了一种自适应布局，分别是早起的流动式布局（根据浮动，基本淘汰）和百分比宽度布局（还有一些应用）。 　　百分比布局的局限：不够完美，没法得到一个很好的显示效果。 　　　　　　　　　　　屏幕太大，撑满...
【温故知新】——Bootstrap响应式知识点复习
weixin_38168173的博客
09-30 428
前言：本文是自己在学习课程中的课程笔记，这里用来温故知新的，并非本人原创。 开发工具 1、记事本，Editplus,... ... 2、Sublime，Dreamweaver 3、Webstorm ======================================== 一、什么是响应式网页 Responsive Web Page,响应式网页/自适应网页，即一...
【Web技术】522- 设计体系的响应式设计
pingan8787
03-05 290
本文来自公众号【前端早读课】，内容不错，分享给大家。前言【第1871期】Ant Design 4.0 正式版来了！今日早读文章由蚂蚁金服@TC分享。正文从这开始～～导读在蚂蚁内部有着数量...
爆肝两千字！掌握CSS选择器与响应式设计：从基础到高级应用
interest_ing_的博客
03-17 1111
本文精要介绍了CSS选择器及其在响应式设计中的应用。通过实例讲解了如何使用元素、类、ID选择器以及伪类和伪元素选择器来精确控制网页样式。进一步探讨了媒体查询、Flexbox和CSS Grid等关键技术，展示了如何创建适应不同屏幕尺寸的布局。文章还涉及了可伸缩单位的使用和CSS函数，帮助开发者优化网页在各种设备上的显示效果，是提升响应式设计技能的实用指南。
嵌入式基本知识必备
热门推荐
不积跬步，无以至千里
08-18 3万+
关于嵌入式产品常用元器件知识，本文多数资料来源网络，再次做整理总结。 好了，开始启程！ 一、IC的三个温度等级 芯片上表示对应温度范围 C: 表示商业级集成芯片(IC)，温度定额为   0℃～+70℃； I: 工业级集成芯片(IC)，温度定额为   -40℃～+85℃； A: 汽车工业级芯片(IC),温度定额为   -40℃～+125℃ M: 军品级集成芯片(IC)，温度定额为
程序员必备高频英语词汇
weixin_43366437的博客
02-18 5309
1. file n. 文件；v. 保存文件 2. command n. 命令，指令 3. use v. 使用，用途 4. program n. 程序 5. line n. (数据，程序)行，线路 6. if conj. 如果 7. display vt. 显示，显示器 8. set v. 设置，n. 集合 9. key n. 键，关键字，关键码 10. list n. 列表，显示，v. 打印 11. by prep. 凭，靠，沿 12. press v. 按，压 13. with prep. 用，与，随..
时尚前沿动态响应式网页模板
01-21
【时尚前沿动态响应式网页模板】是现代网页设计的重要趋势，它融合了创新的设计理念和技术，旨在提供一种跨设备、跨平台的优化用户体验。这种模板能够自动适应不同屏幕尺寸，如桌面、平板电脑和智能手机，确保用户在...
响应式app应用程序网页模板
06-23
响应式App应用程序网页模板是一种专为适应不同设备屏幕尺寸而设计的网站模板，它能够根据用户访问时的设备类型（如手机、平板电脑或桌面电脑）自动调整布局、图像大小和导航方式，提供流畅的用户体验。这样的模板...
移动端响应式框架
08-26
随着移动设备的普及，响应式设计已成为现代Web开发的必备技能。 响应式框架的核心在于CSS3的媒体查询（Media Queries），它允许开发者根据设备特性（如宽度、高度、像素比等）应用不同的样式规则。通过这种方式，...
120_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-04
在响应式设计中，CSS3的媒体查询@media是关键，它允许根据设备的特性如屏幕大小、分辨率来应用不同的样式。 3. JavaScript：JavaScript是实现网页动态效果和用户交互的核心，通过事件监听、DOM操作、AJAX请求等方式...
取暖锅炉管理制度.docx
07-09
取暖锅炉管理制度
“人力资源+大数据+薪酬报告+涨薪调薪”
最新发布
07-09
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
述职报告（24）PPT模板.pptx
07-09
述职报告（24）PPT模板.pptx
pxie-8822-用户手册.pdf
07-09
pxie-8822_用户手册.pdf
响应式布局来适应不同设备的屏幕尺寸和分辨率f的代码
06-10
响应式布局可以通过 CSS 的媒体查询来实现。以下是一个示例代码，可以根据设备屏幕的宽度来设置不同的样式： ```css /* 根据屏幕宽度不同设置不同的样式 */ /* 小于等于 768px 的设备 */ @media (max-width: 768px...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值