精华内容
下载资源
问答
  • 页面字体随窗口变化大小

    千次阅读 2020-12-24 03:35:31
    详细描述遇到了一个手机页面字体不能定死的问题,页面会随着页面改变,而改变大小。师弟遇到的问题,我也遇到过,我感觉这个东西可能还会有人遇到。截图分辨是1000px的字体大小和400px的字体大小,没有注意过的肯定...

    详细描述

    遇到了一个手机页面字体不能定死的问题,页面会随着页面改变,而改变大小。

    师弟遇到的问题,我也遇到过,我感觉这个东西可能还会有人遇到。

    截图

    分辨是1000px的字体大小和400px的字体大小,没有注意过的肯定不知道是怎么回事吧

    代码

    001

    /根据屏幕尺寸的放大缩小 div 没有反应/

    div{

    display:flex;

    justify-content:space-around;

    width:20rem;

    height:20rem;

    color: blue;

    padding-left: 1rem;

    line-height: 4rem;

    font-size: 200px;}

    /根据屏幕尺寸的放大缩小 body 颜色切换/

    body {background-color:lightgreen;}

    @media screen and (max-width: 300px) {

    body {background-color:lightblue;}

    }

    asdasdfasdf

    随便找了个以前的demo写出来的,可以看看到底是怎么回事,对新手友好的问题。

    西安分院|荣耀师兄] JS-宜康

    其实就是这个idea视口的问题,在页面里没有这条属性的时候,手机页面就会出现,这样的问题,页面随着窗口缩小而缩小。

    展开全文
  • 方案一: var winHeight = $(window).height(); $(window).resize(function(){ // 获取改变后的窗口大小 var nowHeight = $(window).height(); // 如果小于则被改变 if(nowHeight...

    方案一:

     

      var winHeight = $(window).height();
            $(window).resize(function(){
    //            获取改变后的窗口大小
                var nowHeight = $(window).height();
    //            如果小于则被改变
                if(nowHeight<winHeight){
                    $(".five").hide();
                }else{
                    $(".five").show();
                }
    //            方案二:
    //            直接被改变时隐藏
    //            $(".five").hide();
    //            如果相等,让显示
    //            if($(document).height()==winHeight){
    //                $(".five").show();
    //            }
            });
    
    
    展开全文
  • iOS9的字体比iOS10的文字像素要些,一般不适配 。这个是ios9及以前版本IOS开发字体大小与UI给的px对应关系:https://www.jianshu.com/p/5aa886a07524 iPhone 12 mini 5.4英寸屏 2340 x 1080 像素分辨率,476 ppi...

    《影响APP的大小的因素:
    第一大因素:看你的APP页面采用的是storyboard,xib,代码那一种方式实现。你代码都是用storyboard实现的,那么的APP达到30M很正常,除非你的页面超少。若你的页面是都是用XIB实现的,你的APP达到20M以上也很正常。你采用纯storyboard或XIB,别抱怨你的APP安装包太大了,你也不看看他们每个文件有多大,接受现实吧。你想用他们的可见既可得,自动布局,快速开发功能,你还能对APP提太高的要求,你的想法有点过了。若你的页面全部是用代码写的恭喜你,你的包低于10M以下不在话下,除非你有大量声音文件和图片,第三方库,不然很难太大。但是你只有运行起来才能看效果,不能使用自动布局了,慢慢开发,自己一个一个的适配吧!注意代码实现页面和XIB,storyboard混用时不支持自动布局。那些要求APP在5M一下的标准找抽,没看到很多APP都直奔60M。
    第二大因素:很大的声音文件,很多的声音文件。一个声音文件经常200K到1.5M之间,一个声音文件顶你一堆.M文件。在不影响效果的情况下还是低质量的声音文件代替吧,稍微降低下质量就降低几百K,顶你多少.M文件啊,并且别人还听不出区别。
    第三大因素:大量使用第三方库。第三方库都很大,别怕,不像.M,storyboard,XIB,声音文件,图片文件不可以压缩,他很容易压缩的很消息在APP占用的并非恐怖的大。不再使用的第三方库尽量CUT了,别让他占地方。
    第四大因素:应用中存在全屏图片页面。要在设计上避免。
    你想现在苹果手机存在3.5英寸,4英寸,5英寸,5.5英寸,5.8英寸共5种尺寸,完美的适配手机你要有5种尺寸的图片,有的图片色彩复杂度很高,甚至一个图片可以达到1兆到2兆,这要折合成多少行代码啊?只所以设计上只需要提供2倍图和3倍图图标适配所有手机是因为图标大都相对于全屏尺寸比较少,大约忽略了他们相对于屏幕的差异。而全屏页面就不能简单的一张图包打天下了,会有失真的。
    解决方案是:1.应用启动这样的图片资源可以通过文件流的方式一次性下载图片资源;2.应用启动时,根据图片地址下载图片;3.该页面换成h5页面;4. 把这样的页面拆解成小控件和简单背景,从设计上避免这样的页面。
    第五大因素:大量图片。把那些以前在使用,现在不在使用的都删掉吧。你换图片是正常,你懒,得到新的不干掉旧的就是一种罪恶了。尽量别支持iPhone4早期版本的一倍图,不然你的图片又要增加三分之一,他们是小门小户就将就着用2倍图吧,不然1倍图,2倍图,3倍图那要3类相同的图片了。现在很多APP都用引导页面滑动动画页面,他们的图片都是超级打的一个顶好多图片那么大。
    iphont4,iphont4s是用的1倍图,iphont5,iphont5c,iphont5s,iphont5se,iphont6,iphont7是用的2倍图,iphont6s,iphont7s是用的3倍图。一般现在的应用只出2倍图和3倍图,不再专门出1倍图,毕竟iphont4,iphont4s市场占有率很少了,不再专门关注了。
    通过[UIScreen mainScreen].scale可以看到,1倍图的手机它为1;2倍图的手机它为2,3倍图的手机它为3.因此线的高度(1像素)可以用这个宏表示线高(1像素):
    //1像素
    #define YX_1PX (1.0f / [UIScreen mainScreen].scale)

    知道了影响APP的因素了,你就对自己的APP大小就要有一个大致的概念了,别提不可实现的需求,也不看你的APP使用的人对流量的敏感程度,再在这四个环节进行优化就能满足你的胃口。大部分人对安装包太敏感是因为你的app版本升级策略有问题,因为你采用了强制升级的策略,并且经常强制升级,强制升级是苹果严格禁止的,虽然你通过app审核期间不强制升级,等上架后再强制升级,这样绕过苹果的审核体制,但是当你的app下载量很大,被人投诉到苹果商店后,是有可能强制下架或再次发版本是审核被驳回,现在不搞你是因为你太渺小,君不见很多app都不支持强制更新的霸王条款吗?使用强制更新通常是你的业务逻辑大变更,你的应用逻辑经常大变更本身就不合常理,你的能保证你对以前业务数据的向下完美兼容吗?人们版本升级或下载安装包通常在wifi环境下,若你弹出强制更新,一般是逼着使用的人强制在2g,3g,4g环境下进行,先不论是否亲民,仅让别人使用中或打开就看到强制更新按钮,不能立刻使用就让人受不了,更没有理由让别人不对流量不敏感,若网络太差更怨声载道。所以强制更新确实应该,防止由于前期设计可能有漏洞,给后期修改业务逻辑后提供机制上的支持,防止有缺陷的业务逻辑前期app和完善业务逻辑的app同时存在,但是强制更新要慎重,别动不动就强制更新。
    具体的强制更新机制见我的文章《app的版本更新 》:http://blog.csdn.net/jia12216/article/details/47018463。
    iphont4s 是2倍图 但是你画一个粗为0.5的线,iphont4s显示不出来,iphont5s却可以看到一个像素(从截图上看到的)的线来。
    识别手机机型使用的是几倍图,通过这个值来识别:[UIScreen mainScreen].scale。若为1就1倍图(iphone 4/iphone 4s是个例外),若为2就是2倍图,若是3就是3倍图。但是现在iphone 4/iphone 4s都是按照2倍图处理的,并且他们的屏幕截图也是640*960,说明它是2倍图。但是若你在iphone 4/iphone 4s手机上画条0.5像素的线是显示不出来的,但是在iphone 6及更高本本画一条1/([UIScreen mainScreen].scale)(就是0.5或1/3)的线是显示出来的,说明iphone 4/iphone 4s物理分辨率是1像素。
    那么准确的倍图计算公式是:屏幕截图(上传苹果商店的屏幕快照或者用手机截屏得到的图片)的宽度(或高度)除以物理宽度(或高度,宽度是[[UIScreen mainScreen] bounds].size.width,高度是[[UIScreen mainScreen] bounds].size.height)的四舍五入的整数。iPhone XR的828/375=2.2.08,四舍五入值是2,它的[UIScreen mainScreen].scale也为2(FULL_WIDTH:375.000000, FULL_HEIGHT:812.000000, [UIScreen mainScreen].scale:2.000000),所以它是用2倍图。
    下面是开发中用到的iphone,ipod,ipad对应的实际像素点和图片倍率:
    iphont4,iphone4s实际像素点:
    3.5英寸屏(320/480)
    iphone5,iphone 5s,iphone 5se实际像素点:
    4英寸屏 (320/568)
    iphont6,iphone7,iphone8实际像素点:
    4.7英寸屏(375/667)
    iphont6 plus,iphone7 plus,iphone8 plus实际像素点:
    5.5英寸屏 (414/736)
    iphontX若不设置启动图片相当于iPhone8的放大模式(375/667) ,若设置了启动图片才是他的实际像素,实际像素点:
    5.8英寸屏(375/812)
    ipod4实际像素点:
    4英寸屏(320/568)
    iphontX若不设置启动图片相当于iPhone8的放大模式(375/667) ,若设置了启动图片才是他的实际像素,实际像素点:
    5.4英寸屏(iPhone 12 mini)(375/812)
    5.8英寸屏(iPhone X,iPhone XS,iPhone 11Pro)(375/896)
    6.1英寸屏(iPhone XR,iPhone11) (414/896)
    6.5英寸屏(iPhone XS Max, iPhone 11 Pro Max)(414/896)
    ipod4实际像素点:
    4英寸屏(320/568)
    iPad 4,5,Air,Air2,mini3,mini4 (1024/768)
    iPad Pro (1366/1024)

    矢量图的图片倍率
    iphont4 2倍图
    iphont4s 2倍图
    iphont5 2倍图
    iphont5s 2倍图
    iphont6 2倍图
    iphont6 plus 3倍图
    iphont7 2倍图
    iphont7 plus 3倍图
    iphont7s 2倍图
    iphont7s plus 3倍图
    iphont8 2倍图
    iphont8 plus 3倍图
    iPhone XR,iPhone 11 2倍图
    iphontX,iPhone XS, iPhone XS Max, iPhone 11 Pro, Phone 11 Pro Max, iPhone 12 mini, iPhone 12, iPhone 12 Pro, Phone 12 Pro Max 3倍图
    ipod4 2倍图
    iphone4,iphone5,iphoneX无放大模式。iphone6,7,8的放大模式屏幕像素是:(320/568)。iphone6 plus,7 plus,8 plus的放大模式屏幕像素是:(375/667)

    下面是iphone的ps像素(手机截图尺寸):
    iphont4,iphone4s 像素尺寸:
    3.5英寸屏(640/960)
    iphone5,iphone 5s,iphone 5se 像素尺寸:
    4英寸屏 (640/1136)
    iphont6,iphone7,iphone8 像素尺寸:
    4.7英寸屏(750/1334)
    iphont6 plus,iphone7 plus,iphone8 plus 像素尺寸:
    5.5英寸屏 (1242/2208) iPhone 12 mini 5.4英寸屏(1080/2340)
    iphontX,iPhone XS
    5.8英寸屏(1125/2436)
    iPhone XR
    6.1英寸屏(828/1792)
    iPhone XS Max
    6.5英寸屏(1242 / 2688)
    iPhone 12 Pro Max
    6.7英寸屏`(1284 / 2788)

    ios 10以后的系统 字体和ps像素的关系 字体大小是磅不是像素 设计大小时尽量使用有对应关系的字体像素大小。 iOS9的字体比iOS10的文字像素要小些,一般不适配 。这个是ios9及以前版本IOS开发字体大小与UI给的px对应关系:https://www.jianshu.com/p/5aa886a07524

    iPhone 12 mini
    5.4英寸屏 2340 x 1080 像素分辨率,476 ppi,模拟获取到的物理像素:(812 x 375)[UIScreen mainScreen].scale 倍率:3。可以看到它不是标准的3倍,不知道是模拟器错误,还是它就是这个奇怪的2.88倍

    展开全文
  • 最近有人在后台咨询小雨,怎样将手机画面投屏到电视上,让手机大屏。今天小雨就来和大家一起聊一聊这个问题,简单几步教你如何将手机投屏到电视,1秒大屏!手机投屏有什么用处?现在智能手机的功能...

    原标题:简单几步教你如何将手机投屏到电视,1秒小屏变大屏!

    3c9a68ee4dd3d565cd5f8262745786c5.gif

    Hi,大家好,我是小雨!最近有人在后台咨询小雨,怎样将手机画面投屏到电视上,让手机的小屏变大屏。今天小雨就来和大家一起聊一聊这个问题,简单几步教你如何将手机投屏到电视,1秒小屏变大屏!

    手机投屏有什么用处?

    现在智能手机的功能非常强大,在一些日常的功能上已经可以替代电脑了。但是使用手机时美中不足的就是,手机的屏幕太小了。所以,就有了将手机的画面投射到电视大屏幕上的需求。

    e7e058ee23144db2e0741b6a7e2b8386.png

    简单来讲,手机投屏后看电影、玩游戏时的体验会爽,即可以享受到手机的丰富资源和便利,又可以享受到电视高清大屏的视觉冲击。

    手机投屏电视的基本要求

    并不是所有手机都可以将屏幕投屏到所有电视上的,想要完成手机投屏需要满足几个基本的条件:

    1、手机具有投屏的功能。目前大多数手机都已经具备发无线投屏的功能。

    2、电视具有接收投屏的功能。如果电视不支持的话,可以使用第三方的扩展工具,比如专门的投屏器。

    3、手机和电视(投屏器)需要成功连接WiFi并且处于同一个网络。

    fc627f6f65251831f90dfa1b0c8fa6a5.png

    如何将手机投屏到电视

    在满足手机投屏电视的基本要求之后就可以进行无线投屏的操作了。这里小雨以360手机为例做讲解,其它品牌的手机投屏方法类似,只不过打开的位置入口和名称不一样而已。

    在电视处于开机的状态,首先打开WLAN,就是连接WiFi的那个界面,再点右上角的齿轮图标进行WLAN高级设置,再选择投射屏幕。在这这里开户投射屏幕的开关,会出现当前网络下可投屏的电视设备(包括投屏器),然后选择该设备就可以将手机屏幕投射到电视屏幕上了。

    5ca8afddd9367411eb78777b8f07cf93.png

    接下来,你可以通过电视屏幕看到手机上的画面了。

    小米手机:

    打开手机——设置——有“网络与连接”最下方,选择“更多连接方式”

    华为手机:

    通过系统【设置】>【高级设置】>【多屏互动】

    如果电视不支持投屏怎么办?

    实际上投屏是非常简单的,但是如果自己家中的电视不支持接收投屏怎么办?实际上只需要一个外置的投屏器就行了,小雨目前就使用的这种方法。

    c6e242128f01cd40def90808fcb13452.png

    大家可以在某宝购买,价格也不高。

    你觉得手机投屏的功能有用吗?返回搜狐,查看更多

    责任编辑:

    展开全文
  • 经过以上尝试无法显示【智能侧边栏】,可备份手机数据文件后,进入【设置】——【其他设置】——点击【还原手机】,或携带手机前往客户服务中心免费重装手机系统即可。通过以下方式可以快速查询到OPPO客户服务中心的...
  • 侧边栏 app小窗口悬浮工具

    千次阅读 2021-01-12 02:55:17
    经过以上尝试无法显示【智能侧边栏】,可备份手机数据文件后,进入【设置】——【其他设置】——点击【还原手机】,或携带手机前往客户服务中心免费重装手机系统即可。通过以下方式可以快速查询到OPPO客户服务中心的...
  • HTML页面适配手机移动端窗口宽度

    万次阅读 2018-03-21 22:14:29
    手机的屏幕比较,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上,有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的做法是对不...
  • js 监听浏览器窗口变化: window.onresize = function() { // 浏览器窗口变化后需要做的事情 // // } 窗口大小: var offsetWid = document.documentElement.clientWidth; var offsetHei = document....
  • 解决小米手机缩放窗口问题

    千次阅读 2019-01-15 17:56:00
    小米手机6 版本号 V8.2.23.0.NCACNEC 复现概率 100% ROM版本 稳定版 问题描述 权限管理里面只有 悬浮窗设置,按照以前...
  • 这35个好玩实用的组件教程,你的ios手机软件桌面得超酷炫,每一次 iOS 系统更新时都会给我们带来一些眼前一亮的功能,比如 iOS 12 的《快捷指令》、iOS 13 的深色模式,而在近日正式发布的 iOS 14 上,人「...
  • Chrome浏览器设置小窗口视频

    千次阅读 2017-11-01 19:11:00
    快捷工具先安装1.28版本后用1.31版本替换,以实现视频弹窗和双击关闭标签页功能。 首先下载Chrome扩展快捷工具1.28版的CRX安装包:http://pan.baidu.com/s/1pJ4T4td; 然后拖放到chrome扩展管理页面中安装。 ...
  • 原标题:超好用的手机桌面组件,一键美化桌面,实用又美观今日分享:安卓小组件适用系统:安卓部件一直以来都是安卓手机中比较常见的功能,长按桌面就能添加部件,从而轻松实现动态天气、代办事件、时钟、日历...
  • 别急,下面编就教你一种方法,可以把你的手机或平板变成你的第二台电脑显示器。分屏原理解析所需工具:iDisplay软件、安卓手机或平板一台这款软件分为电脑客户端和手机客户端,iDisplay的原理是电脑客户端共享出一...
  • 在使用Vue+mintUI写项目的时候发现在电脑上调试很好,但是到手机上就发现界面得好,于是Google了一些解决了该问题。 参考html网页兼容手机浏览器(解决显示页面很的问题),添加一下代码到mata声明中即可。...
  • // 同时按钮键盘"ctrl"和"+"按钮,即: Ctrl + // 放大效果 Ctrl - // 缩小效果
  • "废"为宝--Android手机变服务器

    千次阅读 2019-11-27 08:21:43
    如果你家有很多的闲置 Android 手机,你可以选择转二手卖了,也可以选择像编一样,尝试着"废"为宝–一分钱不花的变成一台 Linux 服务器~ 先说下实际测试结果:可安装 jdk和Tomcat,外网也可访问~ 如何实现的呢?...
  • body背景图片随窗口大小变动

    千次阅读 2019-03-01 11:01:09
    &lt;script&gt; $(window).load(function() { $("body").css({"background-size":"100% "+$(document).height()+"px"}); }) $(window).resize(function () ...:&
  • 我的手机是小米6x,屏幕大小是1080乘2160。刚开始我把MuMu模拟器界面大小调至1080乘2160,运行效果会是这样: –这一切看起来似乎很正常的样子,但是在android studio的布局文件的布局情况只能与模拟器运行效果、...
  • ubuntu终端字体大小和窗口大小设置

    万次阅读 2016-11-12 07:51:25
    CSDN的这个编辑器真的很麻烦,上传图片还只能一个一个上传,...编正在配置ctags看android源码的工具,网上的配置方法比较凌乱,有比较全面的希望可以告知,谢谢 选择edit preferences:Profile preferences是prefer
  • Android Studio运行手机框很大 屏幕很的解决办法

    千次阅读 多人点赞 2019-10-30 23:09:48
    关于Android Studio运行手机框很大 屏幕很的解决办法 才开始接触移动软件开发,按照Android Studio安装教程相关博客安装过后,发生如图问题: 可以发现模拟器运行出来的结果是屏幕很 (ps:想要知道解决方法可...
  • Android app图标在手机桌面显示过

    千次阅读 2017-01-10 13:28:59
    开发中,app安装在手机之后,图标明显比其他app的图标要,开始认为与手机设备有关,后经检查后发现与手机分辨率有关,出问题的为三星手机1080p,Android会根据手机分辨率自动到相应的文件夹下(drawable/mipmap)寻找...
  • ...常用于手机端适配,也可用于pc端适配。 将该段js放在html的文档头部,就可以实现通过改变浏览器窗口大小而改变文字的大小设置。 后期单位全部采用rem。
  • vue字体随窗口大小而变化

    千次阅读 2020-07-01 10:29:09
  • 新 Android 病毒让手机变板砖!

    千次阅读 2014-04-17 14:49:21
    而令人担忧的是这个漏洞也会影响到Android OS版本4.0及以上的移动设备,相信网络犯罪份子可能会利用这个漏洞来对Android智能手机和平板电脑进行实质性的损害。设备会进入无限重新启动的循环,这可能会导致设备无法...
  • 华为手机下滑通知栏不见了

    万次阅读 2020-12-19 17:19:27
    华为手机下滑通知栏不见了,其原因如下:1、有可能是开启超级省电模式后,部分通知栏快捷开关会隐藏,在超级省电模式下的主界面退出即可;2、手机升级系统后,下拉通知栏时间及快捷开关图标也有可能会显示异常,升级...
  • 我们经常使用adb命令操作手机,因此我突然想到做一个界面把这些命令用界面点击的形式操作,这样可以简化我们平时敲命令的时间,工具的功能尚不完善,先总结一下思路。首先先把工具的界面展示一下: 首先讲一下...
  • 解决图像打印结果变小的问题

    千次阅读 2015-04-16 15:13:28
    可见CView类对输出到屏幕和输出到打印机的处理都是一样的,只是换了一个设备上下文而已,那么为什么输出到打印机的图像特别呢? 这与VC采用的缺省的坐标映射方式MM_TEXT有关,这种方式的好处是用户图形坐标和设备...
  • 手机qq新增emoji如何大(娱乐

    万次阅读 2021-05-19 23:25:39
    最近手机版qq新添加了几个新的emoji (\菜狗 超爱啊有没有%%%),而且发现这些新版的emoji有加大丝滑的版本(超爱),问了很多朋友都不知道怎么发出,就问了问! 方法 方法超容易,只需要在小窗口下发送这些新emoji就...
  • 最近业务需求需要我们直播返回或者退出直播间时,开一个小窗口在全局继续直播视频,先看效果图。   更新了一下 现在有demo下载地址了 https://www.jianshu.com/p/a762893c670fdemo下载地址 调研了一下当下...
  • 安卓手机变鼠标图文教程

    千次阅读 2017-04-03 22:32:49
    但很多此类软件都存在着使用不方便的问题,存在着设置IP地址等繁琐问题,今天为大家介绍一款软件《WiFi无线鼠标(WiFi Mouse HD)》,你的安卓手机轻松变身鼠标。 不要觉的这个功能没什么用处。当冬天你窝...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,793
精华内容 15,517
关键字:

如何让手机窗口变小