开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

可在特定屏幕尺寸上执行的javascript函数

可在特定屏幕尺寸上执行的JavaScript函数可以使用媒体查询（Media Queries）来实现。媒体查询是CSS3中的一个特性，它允许根据不同的媒体类型或媒体特性来应用不同的样式或执行不同的JavaScript代码。

具体来说，可以通过以下步骤来实现可在特定屏幕尺寸上执行的JavaScript函数：

使用JavaScript编写要执行的函数，包括需要在特定屏幕尺寸上执行的代码逻辑。
在HTML文档中引入这段JavaScript代码，确保它在需要执行的位置上被加载。
在JavaScript代码中添加媒体查询的监听器，以便根据屏幕尺寸动态执行函数。

下面是一个示例，演示如何在屏幕宽度小于等于600像素时执行特定的JavaScript函数：

<!DOCTYPE html>
<html>
<head>
  <title>Responsive JavaScript</title>
  <script type="text/javascript">
    function myFunction() {
      // 在特定屏幕尺寸下执行的代码逻辑
      console.log("特定屏幕尺寸下执行的代码");
    }

    // 添加媒体查询的监听器
    window.matchMedia("(max-width: 600px)").addListener(function() {
      if (window.matchMedia("(max-width: 600px)").matches) {
        // 当屏幕宽度小于等于600像素时执行函数
        myFunction();
      }
    });
  </script>
</head>
<body>
  <h1>Responsive JavaScript</h1>
</body>
</html>

在上述示例中，我们定义了一个名为myFunction的函数，在特定屏幕尺寸下执行一些代码逻辑。然后，我们通过媒体查询将其添加到一个屏幕宽度小于等于600像素的监听器中。当屏幕宽度小于等于600像素时，该函数将被调用并在控制台打印一条消息。

这是一个基本的示例，你可以根据需要扩展和自定义该函数以执行不同的操作。在实际应用中，可能需要使用更复杂的媒体查询和逻辑来处理不同的屏幕尺寸。

相关搜索:如何通过屏幕尺寸javascript执行函数当屏幕有特定尺寸时，如何不执行JavaScript代码？执行javascript函数时加载屏幕 Android上的不同屏幕尺寸布局仅在特定屏幕大小上执行滚动处理图片在不同屏幕尺寸上的缩放如何更改不同屏幕尺寸上的tabs事件？屏幕尺寸上的响应D3直方图在不同屏幕尺寸上的实时画布绘制如何在大于屏幕尺寸的画布上绘图？Macbook / Safari上的图像拉伸，所有屏幕尺寸在小屏幕上找不到合适的尺寸使用JavaScript删除屏幕尺寸低于某个像素的div 仅在调整屏幕上的特定值之后调用函数在不同屏幕尺寸上裁剪屏幕坐标不正确的NSImage 不同屏幕尺寸上的矢量3位置 CSS Marquee超越了较小设备上的屏幕尺寸 safari上的Javascript屏幕方向 CSS表固定不同屏幕尺寸上的列更改位置滚动然后修复较大屏幕尺寸上的div跳转

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

30个前端开发人员必备的顶级工具

在本文中，我为前端Web开发人员汇总了30种顶级工具，从代码编辑器和代码游乐场到CSS生成器，JS库等等。

02

前端基础理论试题——附答案

在Microsoft Excel中，要计算A1到A10的和，可以使用公式 =__________。

01

前端发展趋势：WebAssembly、PWA 和响应式设计

前端开发是一个充满活力和不断演进的领域，它直接关系到用户体验和应用性能。随着技术的快速发展，前端领域也不断涌现出新的趋势和工具。在本文中，我们将探讨一些前端发展趋势，包括WebAssembly、渐进式Web应用（PWA）和响应式设计。我们将深入了解这些趋势，并了解它们如何塑造了现代的前端开发。

01

开发者必备的 7 款效率提升工具！

随着应用程序变得越来越复杂，新兴技术栈越来越多，应用程序开发变成一个令人生畏的任务。但是，网上有许多可用的工具能在应用程序开发过程中给我们提供很大帮助。本文列出了一些我用过的工具，希望推荐给开发者，因为这些工具对我个人的工作有非常大的帮助。

02

移动设备上的前端开发：特殊考虑因素探讨

随着移动设备的普及，移动前端开发已经成为前端开发中不可忽视的一部分。与传统的桌面浏览器不同，移动设备有其独特的特点和需求。在进行移动前端开发时，开发者需要考虑一系列特殊因素，包括响应式设计、触摸事件处理、性能优化等。本文将深入探讨在移动设备上进行前端开发时需要考虑的重要因素。

02

开发者必备的7款效率提升工具

随着应用程序变得越来越复杂，新兴技术栈越来越多，应用程序开发变成一个令人生畏的任务。但是，网上有许多可用的工具能在应用程序开发过程中给我们提供很大帮助。本文列出了一些我用过的工具，希望推荐给开发者，因为这些工具对我个人的工作有非常大的帮助。

02

10 个功能强大的 JavaScript 动画库，打造引人入胜的用户体验

动画。从人群中脱颖而出、吸引访客注意力的绝佳方式。通过富有创意的物体运动和流畅的页面转换，不仅能为我们的网站增添独特的美感，还能提高用户参与度，创造令人难忘的第一印象。

03

理解JavaScript中的window对象

每个JavaScript环境都有一个全局对象（global object）。在全局范围内创建的任何变量实际上都是这个对象的属性，而任何函数都是它的方法。在浏览器环境中，全局对象是window对象，它代表了包含网页的浏览器窗口。

02

【工具】1923- 12个强大的 JavaScript 动画库，可帮助你提升用户体验

在项目开发中，我们可以通过创造有趣的动画来为我们的项目增加视觉感与用户体验，同时，也为我们的网站增添了独特的美感，而且还提高了用户参与度并创造了令人难忘的第一印象。

01

折叠屏上应用设计规范，了解一下？

Android 的覆盖范围在递增，体验也在变得越来越好，现已有超过 2.5 亿台大屏设备搭载了 Android 系统，包括平板电脑、可折叠设备以及 Chrome OS 设备。如何适配不同的屏幕尺寸并保障良好的体验，一直以来都是开发者的一大难题。尤其随着可折叠设备等新兴产品的涌现，适配工作也愈发迫切。本文将重点介绍 Material Design 指南中更新的相关内容，并提供一些建议来帮助开发者按照自适应界面的原则来构建应用，从而解决在平板电脑和可折叠设备上的适配问题。

02

必应首页平铺背景图片的实现方案

近期某个项目中需要实现以下需求：保持背景图片原始宽高比; 如果屏幕宽高比与背景图片宽高比不一致，则以图片中心为基点等比缩放背景图片，以适应屏幕尺寸。以上需求的原则就是始终保持背景图片宽高比，居中等比缩放填满屏幕。我们知道background-size: cover;是在背景图片保持原始比例的基础上，等比缩放覆盖背景区域。但是缩放的基点是左上角(0,0)，并不是居中缩放的。这样的机制下，屏幕显示的始终是背景图片的左上部分，并不能满足项目的需求。后来无意中注意到必应首页的背景图片是居中平铺的，行为表现与

05

Web前端入门指南：必备知识与技能

随着互联网的快速发展，Web前端开发成为一个备受关注的领域。无论是构建网页、设计用户界面还是实现交互功能，Web前端都起到至关重要的作用。本文将指导小白学习Web前端所需的关键知识和技能，帮助其入门并迈向成为一名优秀的Web前端开发人员。

02

Android开发笔记（八十一）屏幕规格适配

适配各种屏幕规格，首先要取到系统对于屏幕的配置信息，这些配置可从工具类Configuration获得。Configuration对象在Activity中通过调用getResources().getConfiguration()得到，该对象的常用属性说明如下： touchscreen : 屏幕触摸方式。有下列几种取值定义："未定义", "不支持触摸", "专用笔触摸", "支持手指触摸" keyboard : 物理键盘样式。有下列几种取值定义："未定义", "无物理键盘", "全键盘", "十二格键盘" keyboardHidden : 键盘状态。有下列几种取值定义："未定义", "未隐藏或软键盘", "已隐藏", "软键盘" hardKeyboardHidden : 物理键盘状态。有下列几种取值定义："未定义", "未隐藏", "已隐藏" navigation : 方向控制样式。有下列几种取值定义："未定义", "无方向控制", "方向键", "轨迹球", "滚轮" navigationHidden : 方向控制状态。有下列几种取值定义："未定义", "未隐藏", "已隐藏" orientation : 屏幕方向。有下列几种取值定义："未定义", "竖屏", "横屏" 以上属性除了屏幕方向是有用的，其他的基本没什么用。如果属性发生变化，可重写onConfigurationChanged函数监测最新的属性值。但是由屏幕旋转导致的屏幕方向变化，按照生命周期走的是原方向onDestroy然后新方向onCreate，并不触发onConfigurationChanged方法，所以该方法基本也没机会用到。

03

干货 | 响应式设计在携程火车票的应用

可能很多人脑海中已经出现了这样一个动画，当浏览器中页面尺寸不断变化时，内容也在随之变化。简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。

01

requestAnimationFrame & 定时器

屏幕刷新频率即图像在屏幕上更新的速度，即每秒图像更新的次数，它的单位是赫兹（Hz）。一般笔记本的值是60Hz。这个值受屏幕分辨率、屏幕尺寸、显卡影响。

01

bootstrap容器

Bootstrap是一个流行的前端开发框架，提供了丰富的CSS和JavaScript组件，用于构建响应式和现代化的Web应用程序。其中，容器（Container）是Bootstrap中的一个重要组件，用于创建响应式布局和页面内容的容器。

03

Bootstrap实用手册

Responsive Web Page，响应式网页/自适应网页，即一个页面既可以在 PC 浏览器中浏览，也可以在手机、平板中浏览，并且配合不同设备有不同的响应结果，响应式网页的特点：

02

深入理解 RequestAnimationFrame

在Web应用中，实现动画效果的方法很多，Javascript 中可以通过SetInterval来实现，CSS 3可以使用 Transition 和 Animation 来实现，HTML 5 中Canvas 也可以实现，另外，HTML 5 还提供一个专门请求动画的API ，即RequestAnimationFrame，顾名思义就是请求动画帧，为了深入理解 RequestAnimationFrame 背后的原理，我们首先需要了解一下与之相关的几个概念：

01

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

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

06

2023 年 6 大最佳 CSS 框架

CSS 框架是预先准备好的库，旨在用于加快构建网站或 Web 应用程序的过程。这里有六个最好的 CSS 框架。

01

换上了自己写的模板

模板名字为：Yodu 有毒，优读，有读，有毒是因为这是一个代码全是我自己弄的模板，可能会有很大的问题；优读是想让自己能够更好的阅读别人的一些优秀文章；有读是希望更多的人能够阅读更多的书籍作品来积累内含。

01

Android碎片化之屏幕适配

现如今，因Android系统的开放性，市场上出现了不同厂商出厂的各种android版本、分辨率、型号等设备。那对我们开发来说，碎片化绝对是一个让人头脑炸裂的问题，Android系统碎片化、Android机型屏幕尺寸碎片化、Android屏幕分辨率碎片化。市面上安卓手机的主流屏幕尺寸种类繁多，就算搞定了屏幕尺寸问题，各种分辨率又让人眼花缭乱。面对测试同学抛过来的适配问题，心肝肺都要颤一颤。今天我们就谈谈屏幕适配的解决步骤。

03

DW软件最新版下载和安装详解

总体来讲Adobe Dreamweaver，简称DW，中文“织梦”，是一款所见即所得的集网页制作和网站管理为一体的网页代码编辑器。值得注意的是Dreamweaver 2021提供Git 支持, 利用 Git 支持实现轻松协作, 在 Dreamweaver 中管理您的所有源代码，并直接在 Git 面板中执行所有常见操作。众多使用者向我们证明了Dreamweaver利用支持 HTML、CSS、JavaScript 等内容的 Web 设计软件，几乎随处都能快速制作并发布网页。也就是说Dreamweaver适用于任何浏览器或设备的网站制作, 利用支持 HTML、CSS、Javascript 等内容的 Web 设计软件，几乎随处都能快速制作并发布网页。我们都知道Dreamweaver是集网页制作和管理网站于一身的所见即所得网页代码编辑器, 利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设

02

10+ 实用的 JavaScript 调试小技巧

除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如：

01

Adobe Dreamweaver 2022软件下载 DW2021下载带图文安装教程

Adobe Dreamweaver又被简称为“DW”，翻译过来是“梦想编织者”。在2005年，被Adobe公司从美国MACROMEDIA公司手中收购。该软件是一款集网页设计制作和网站管理于一身的实时预览网页代码编辑器，非常受欢迎的网页设计软件，能够支持 HTML、CSS、JavaScript和其他Web的标准，因其能够快速制作和建设网站的强大功能，被广大网页设计相关人员认可所使用。

02

前端移动web-day05学习笔记

在某个查询区间，将栅格隐藏，可以用隐藏的样式，这个样式包括四个： 1、.hidden-xs 在屏幕小于768时将栅格隐藏 2、.hidden-sm 在屏幕大于等于768小于992时将栅格隐藏 3、.hidden-md 在屏幕大于等于992小于1200时将栅格隐藏 4、.hidden-lg 在屏幕大于等于1200时将栅格隐藏

02

requestAnimationFrame的使用

在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 requestAnimationFrame（rAF），顾名思义就是 “请求动画帧”。为了深入理解 rAF 背后的原理（后文的 rAF 均指的是 requestAnimationFrame），我们首先需要了解一下与之相关的几个概念：

02

Bootstrap响应式工具

Bootstrap使用一系列响应式断点来定义不同屏幕尺寸的布局变化。开发者可以利用这些断点在不同的设备上进行布局调整。

04

LT浏览器——响应式网站测试利器

响应式网页设计是一种确保网站或网站内容适应不同屏幕尺寸和设备的方法。无论设备有多大或多小，响应式网页设计都可以提供直观的用户体验。

02

移动端适配viewport缩放方案

在写HTML、CSS对设计稿进行还原时不关注屏幕尺寸的差异，而是直接按设计稿的标注来开发。比如设计稿里标注的文字字号是30px，CSS里就设置文字字号30px。

02

如何在flutter中构建响应式布局（第五节）

Flutter 是一个跨平台的应用程序开发框架，支持屏幕尺寸变化很大的设备：它可以在小到智能手表的设备上运行，也可以运行在大电视等设备上。使用相同的代码库使您的应用程序适应如此多样的屏幕尺寸和像素密度始终是一个挑战。在 Flutter 中设计响应式布局没有硬性规定。在本文中，我将向您展示一些在设计此类布局时可以遵循的方法。在继续在 Flutter 中构建响应式布局之前，我想说明一下

01

手机端和PC端分别加载不同的js文件

手机端和PC端分别加载不同的js客服代码（注意：是要在PC和手机端分别加载不同的js文件）

05

Bootstrap列排序

在Bootstrap中，列排序（Column Ordering）是一种布局技术，允许我们在不同屏幕尺寸下重新排列列的顺序。这对于在响应式设计中调整布局非常有用。

03

3分钟理解响应式布局

总听别人说响应式布局，觉得是一个很高大上的东西，近日做的一个项目需要适配不同的屏幕尺寸，于是就简单研究了一下 Web响应式布局，其实原理很简单，下面就简单整理了一下分享给大家。

02

开发跨设备的鸿蒙（HarmonyOS） App

为了让更多的人看到本文，请各位读者动动小手，点击右上角【...】，将本文分享到朋友圈，thanks！

02

总是听别人说响应式布局，原来这么简单

作者：麻酱原文：http://www.majiang.life/blog/head-first-responsive-web-design/ 前言总听别人说响应式布局，觉得是一个很高大上的东西，

05

响应式网页设计：使用媒体查询、视口单元和流体布局的技术

响应式网页设计（rwd）是一种确保网页内容在各种设备和屏幕尺寸上平滑调整的设计方法。随着智能手机、平板电脑和台式显示器等设备的不断增加，创建能够为用户提供最佳观看体验（无论其使用何种设备）的网站至关重要。本文将探讨实现响应式网页设计的基本技术，重点关注媒体查询、视口单元和流畅布局。

01

14个你可能不知道的JavaScript调试技巧

问题：我怎么才能收到你们公众号平台的推送文章呢？熟悉工具可以让工具在工作中发挥出更大的作用。尽管江湖传言 JavaScript 很难调试，但如果你掌握了几个技巧，就能用很少的时间来解决错误和bug. 文中已经列出了14个你可能不知道的调试技巧，但是可能需要你牢记在心，以便在下次需要调试JavaScript代码时使用！一起来看大多数技巧都适用于Chrome控制台和Firefox, 尽管还有很多其他的调试工具，但大部分也适用。 1. debugger 除了, 是我们最喜欢、快速且肮脏的调试工具。执行代

09

android系统如何自适应屏幕大小

1、屏幕相关概念 1.1分辨率是指屏幕上有横竖各有多少个像素 1.2屏幕尺寸指的是手机实际的物理尺寸，比如常用的2.8英寸，3.2英寸，3.5英寸，3.7英寸 android将屏幕大小分为四个级别（small，normal，large，and extra large）。 1.3屏幕密度每英寸像素数手机可以有相同的分辨率，但屏幕尺寸可以不相同， Diagonal pixel表示对角线的像素值（=），DPI=933/3.7=252 android将实际的屏幕密度分为四个通用尺寸（low，medium，high，and extra high）一般情况下的普通屏幕：ldpi是120dpi，mdpi是160dpi，hdpi是240dpi，xhdpi是320dpi 对于屏幕来说，dpi越大，屏幕的精细度越高，屏幕看起来就越清楚 1.4密度无关的像素（Density-independent pixel——dip） dip是一种虚拟的像素单位 dip和具体像素值的对应公式是dip/pixel=dpi值/160,也就是px = dp * (dpi / 160) 当你定义应用的布局的UI时应该使用dp单位，确保UI在不同的屏幕上正确显示。手机屏幕分类和像素密度的对应关系如表1所示手机尺寸分布情况（http://developer.android.com/resources/dashboard/screens.html）如图所示，目前主要是以分辨率为800*480和854*480的手机用户居多从以上的屏幕尺寸分布情况上看，其实手机只要考虑3-4.5寸之间密度为1和1.5的手机 2、android多屏幕支持机制 Android的支持多屏幕机制即用为当前设备屏幕提供一种合适的方式来共同管理并解析应用资源。 Android平台中支持一系列你所提供的指定大小（size-specific）,指定密度（density-specific）的合适资源。指定大小（size-specific）的合适资源是指small, normal, large, and xlarge。指定密度（density-specific）的合适资源，是指ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high). Android有个自动匹配机制去选择对应的布局和图片资源 1）界面布局方面根据物理尺寸的大小准备5套布局: layout(放一些通用布局xml文件，比如界面顶部和底部的布局，不会随着屏幕大小变化，类似windos窗口的title bar), layout-small(屏幕尺寸小于3英寸左右的布局）， layout-normal(屏幕尺寸小于4.5英寸左右）， layout-large(4英寸-7英寸之间）， layout-xlarge(7-10英寸之间） 2）图片资源方面需要根据dpi值准备5套图片资源: drawable：主要放置xml配置文件或者对分辨率要求较低的图片 drawalbe-ldpi:低分辨率的图片,如QVGA (240x320) drawable-mdpi:中等分辨率的图片,如HVGA (320x480) drawable-hdpi:高分辨率的图片,如WVGA (480x800),FWVGA (480x854) drawable-xhdpi：至少960dp x 720dp Android有个自动匹配机制去选择对应的布局和图片资源。　　系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。　　在开发程序时为了兼容不同平台不同屏幕，建议各自文件夹根据需求均存放不同版本图片。 3、AndroidManifest.xml 配置 android从1.6和更高，Google为了方便开发者对于各种分辨率机型的移植而增加了自动适配的功能 <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:anyDensity="true"/> 3.1是否支持多种不同密度的屏幕 android:anyDensity=["true" | "false"] 如果android:anyDensity

01

前端框架与库 - Bootstrap响应式设计

在前端开发领域，Bootstrap无疑是最受欢迎的HTML、CSS和JS框架之一，它以其强大的组件库和响应式设计能力著称。响应式设计允许网页在不同设备和屏幕尺寸上都能提供优秀的用户体验。本文将深入探讨Bootstrap的响应式设计原理，常见问题，易错点以及如何避免它们，附带代码示例，帮助你更好地掌握Bootstrap的响应式特性。

01

JavaScript 调试小技巧

‘debugger;’ 除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如： if (thisThing) { debugger; } 将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息，最简单的方法就是用console.log然后展示成一个列表状，上下滚动进行浏览。不过似乎用console.table

07

微信iOS9适配总结

每年iOS升级，都会带来一些坑，这次iOS9也不例外。本文总结了微信在适配iOS9上遇到的问题和解决方案。一、iOS9问题汇总 1. 编译问题（Bitcode）大部分人升级到Xcode7后，首先遇到的问题是编译不过，错误提示大致是 xxx does not contain bitcode. You must rebuild it with bitcode enabled (Xcode setting ENABLE_BITCODE), obtain an updated libra

05

【Unity3d游戏开发】浅谈UGUI中的Canvas以及三种画布渲染模式

Canvas画布是承载所有UI元素的区域。Canvas实际上是一个游戏对象上绑定了Canvas组件。所有的UI元素都必须是Canvas的自对象。如果场景中没有画布，那么我们创建任何一个UI元素，都会自动创建画布，并且将新元素置于其下。

01

大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

让我们继续《让您的应用适配更多屏幕》中的话题，不过今天会更专注于游戏的范畴。在不久前的 GDC 上，我们很高兴能和大家分享多样化的设备为游戏体验带来的可能性。这些年我们亲历了诸多移动硬件的演进，如 3D 显示器和高分辨率屏幕等，也因为这些演进，让我们在应用商店中看到越来越多新颖的游戏出现，让玩家们在更沉浸的画面和游戏体验中流连忘返。

02

为任意屏幕尺寸构建 Android 界面

在过去的 12 个月内，有约 1 亿台新平板设备被激活，Chrome OS 的激活量增长了 92%，是增长速度最快的桌面平台。这意味着在平板电脑、可折叠设备和 Chrome OS 设备上，有超过 2.5 亿台大屏幕设备运行着 Android 系统，而关于可折叠设备的使用数量也在不断增长，同比增长超过 250%，因此，"大屏" 正在成为 Android 设备中一个重要且增长势头最快的细分市场。这也让设备制造厂商们意识到，针对大屏做优化是让设备在高端手机细分市场中脱颖而出的机会。

02

响应式设计布局要不要了解一下？

我们正在跑步进入移动互联网时代，所以针对移动环境下web开发响应式设计成为发展的一个必然的趋势。所以这几天一直没更新文章，也是在准备怎么写关于这个响应式设计，毕竟用可以，但是想写的明白还是需要费点功夫的，有人说不会响应式布局不算一个合格的前端，也有人说响应式是css的高阶玩法，不管怎么说，我们还是要写一个教程的，今天我简单的解释一下什么是响应式布局设计，目前写的是怎么可以实现，和一些原则，然后具体的后期我会持续更新。正好也写一些有含金量的文章，之前写的文章太浅了，没什么技术含量，以后尽量不写太浅的东西，略略略，向着大神大步迈去...

03

提示大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

让我们继续《让您的应用适配更多屏幕》中的话题，不过今天会更专注于游戏的范畴。在不久前的 GDC 上，我们很高兴能和大家分享多样化的设备为游戏体验带来的可能性。这些年我们亲历了诸多移动硬件的演进，如 3D 显示器和高分辨率屏幕等，也因为这些演进，让我们在应用商店中看到越来越多新颖的游戏出现，让玩家们在更沉浸的画面和游戏体验中流连忘返。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭