展开

关键词

Android切换

在AndroidManifest.xml的activity(需要转向的activity)配置中加入android:screenOrientation=”landscape”属性即可(landscape 是向,portrait是纵向)。 例如:if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){ 向 setContentView(R.layout.file_list_landscape ); }else{ 竖向 setContentView(R.layout.file_list); }在模拟器中,要使程序转可以使用快捷键F12或Ctrl+F11来切换。 当然在用命令行启动模拟器时可以直接使用参数emulator.exe -skin HVGA-L来启动的程序。

1.2K60

Flutter 如何手机

问题引出群友发来问题:Flutter 怎么显示呀,网上说的几个方法 都没有效群友遇到问题,就要群友去帮助,这样,这个群就有了存在的意义。 正文在一些特定的 App 里,我们不希望手机的时候,App 发生旋转,在 main 函数里,像下面这样设定,就可以做到全局模式了。 ,比如打开网页,也就是在WebView 的场景下,是可以的,但是在其他界面下不可以。 比如在我的里,我把 WebView 专门封装了一个页面,叫 WebPage,这样设定后,当用户进入网页的时候,可以,但是退回后,就会强制恢复竖。 当然对于生活这段来说,不会按照你的想法来执行,充满了太多的未知和异常,稍不留神就是报错,遇到问题就必须处理,DeBug的过程虽然很难很痛苦,但成功解决完之后又是另一番美景。坚果加油

9020
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年38元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Ionic3学习笔记(三)

    参数portrait-primary => 不允许副竖portrait-secondary => 不允许副竖landscape-primary => 不允许副竖landscape-secondary => 不允许副竖portrait => 允许主竖和副竖landscape => 允许主和副any => 所有都允许

    30610

    F12HTML页面应用

    = text) || the.tagName == TEXTAREA)) { return false; } return true; } catch (e) { return false; } } window.open(, _blank); 新窗口打开页面 window.close(); 关闭当前窗口(防抽) window.location = about:blank; 将当前窗口跳转置空白页 } Ctrl+U var arr = ; document.oncontextmenu = new Function(event.returnValue=false;), 用右键 window.onkeydown F1 (event.keyCode == 113) || 蔽 F2 (event.keyCode == 114) || 蔽 F3 (event.keyCode == 115) || 蔽 F4 == 119) || 蔽 F8 (event.keyCode == 120) || 蔽 F9 (event.keyCode == 121) || 蔽 F10 (event.keyCode ==

    16030

    第123天:移动web开发中的常见问题

    通常我们再滑页面,会调用css的html{-ms-touch-action:none;}可以阻默认情况的发生:阻页面滚动。MSPointerUp——当手指离开幕时触发。 如何文本缩放? 当移动设备切换时,文本的大小会重新计算,进行相应的缩放,当我们不需要这种情况时,可以选择html { -webkit-text-size-adjust: 100%;} 需要注意的是,PC端的该属性已经被移除 9、如何在移动端用户选中内容? transform: translate3d(0, 0, 0); }android上去掉语音输入按钮:input::-webkit-input-speech-button {display: none}13、如何百度转

    36820

    移动web端常见bug汇总001

    Nexus5Chrome and Kindle Fire HD 7 -webkit-tap-highlight-color : transparent ; 蔽用户选择Q: 用户选择页面中的文字或者图片 -webkit-appearance: none;文本缩放Q: 文本缩放A:如下-webkit-text-size-adjust: 100%;如何保存或拷贝图像Q: 如何保存或拷贝图像 font-size:10pt;}audio元素和video元素在ios和andriod中无法自动播放Q: audio元素和video元素在ios和andriod中无法自动播放A:如下,触及播放$ (html).one(touchstart,function(){audio.play()})手机拍照和上传图片Q: 针对file类型增加不同的accept字段A:如下的accept 属性 输入框自动填充颜色 important; margin: 0; }实现的方案 css 用 css3媒体查询,缺点是宽度和高度不好控制 @media screen and (orientation: portrait

    47540

    右键菜单复制粘贴

    如下: ----蔽右键菜单document.oncontextmenu = function (event){if(window.event){event = window.event;}try the.type.toLowerCase() == text) || the.tagName == TEXTAREA)){return false;}return true;}catch (e){return false;}}蔽粘贴 the.type.toLowerCase() == text) || the.tagName == TEXTAREA)){return false;}return true;}catch (e){return false;}}蔽复制 the.type.toLowerCase() == text) || the.tagName == TEXTAREA)){return false;}return true;}catch (e){return false;}}蔽剪切 the.type.toLowerCase() == text) || the.tagName == TEXTAREA)){return false;}return true;}catch (e){return false;}}蔽选中

    37440

    右键菜单复制粘贴

    如下:JS复制JS复制JS复制 蔽右键菜单 document.oncontextmenu = function (event){ if(window.event){ event = window.event ) == text) || the.tagName == TEXTAREA)){ return false; } return true; }catch (e){ return false; } } 蔽粘贴 ) == text) || the.tagName == TEXTAREA)){ return false; } return true; }catch (e){ return false; } } 蔽复制 ) == text) || the.tagName == TEXTAREA)){ return false; } return true; }catch (e){ return false; } } 蔽剪切 ) == text) || the.tagName == TEXTAREA)){ return false; } return true; }catch (e){ return false; } } 蔽选中

    3710

    iOS 全局,但视频播放界面选择性的解决办法

    有时我们的APP并没有适配的需求,但是在个别视频播放界面,我们需要在播放视频的时候,退出全的时候不能,但是有时候并没有原生API并没有给出解决方案。 当其他界面不支持时:这个解决方法比较容易在 APPDelegate.h 文件中增加属性:是否支持*** 是否允许的标记 *@property (nonatomic,assign)BOOL allowRotation ;在 APPDelegate.m 文件中增加方法,控制全部不支持- (UIInterfaceOrientationMask)application:(UIApplication *)application ,我们只要控制 allowRotation 这个属性就可以控制其他界面进行了。 appDelegate.allowRotation = NO;即可播放界面所以这里可以使用 UIWindow 的通知,就可以解决 addObserver:self selector:@selector

    1.8K20

    移动端web开发笔记

    META相关1、 添加到主后的标题(IOS) 2、 启用 WebApp 全模式(IOS)当网站添加到主幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果) 3、 百度通过百度手机打开网页时 不过我们可以通过这个meta标签来它: 百度SiteApp转声明4、设置状态栏的背景颜色(IOS)设置状态栏的背景颜色,只有在 apple-mobile-web-app-capable content 如果不希望开启此功能,我们可以通过input标签属性来关闭掉: 14、 文本缩放当移动设备切换时,文本的大小会重新计算,进行相应的缩放,当我们不需要这种情况时,可以选择html {   19、如何保存或拷贝图像(IOS)通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来: img { -webkit-touch-callout fastclick 加快移动端点击响应时间animate.css CSS3动画效果库Normalize.css Normalize.css是一种现的、CSS reset为HTML5准备的优质替方案滑框架适合上下滑

    13020

    移动端bug汇总(一)

    Nexus5Chrome and Kindle Fire HD 7 -webkit-tap-highlight-color : transparent ; 2.蔽用户选择 Q: 用户选择页面中的文字或者图片 -webkit-appearance: none; 4.文本缩放 Q: 文本缩放 A:如下 -webkit-text-size-adjust: 100%; 5.如何保存或拷贝图像 Q: 如何保存或拷贝图像 A:如下 img{ -webkit-touch-callout: none;} 6.解决字体在移动端比例缩小后出现锯齿的问题 Q: 解决字体在移动端比例缩小后出现锯齿的问题 video元素在ios和andriod中无法自动播放 A:如下,触及播放 $(html).one(touchstart,function(){ audio.play() }) 9.手机拍照和上传图片 important; margin: 0; } 14.实现的方案 css 用 css3媒体查询,缺点是宽度和高度不好控制 @media screen and (orientation: portrait

    494130

    移动端bug汇总(一)

    Nexus5Chrome and Kindle Fire HD 7 -webkit-tap-highlight-color : transparent ; 2.蔽用户选择Q: 用户选择页面中的文字或者图片 -webkit-appearance: none;4.文本缩放Q: 文本缩放A:如下-webkit-text-size-adjust: 100%;5.如何保存或拷贝图像Q: 如何保存或拷贝图像 $(html).one(touchstart,function(){audio.play()})9.手机拍照和上传图片Q: 针对file类型增加不同的accept字段A:如下的accept 属性 10 important; margin: 0; }14.实现的方案css 用 css3媒体查询,缺点是宽度和高度不好控制@media screen and (orientation: portrait rotate(-90deg); transform: rotate(-90deg); width: 100vh; height: 100vh; *去掉overflow 微信显示正常,但是浏览器有问题,竖时强制缩小

    33220

    HTML head 头标签 总结

    如果没有写,则浏览器则根据自身的规则对进行解析,可能会严重影响 html 排版布局。浏览器有三种方式解析 HTML 文档。 相关链接:浏览器内核控制 Meta 标签说明文档百度通过百度手机打开网页时,百度可能会对你的网页进行转,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在 head 内添加 相关链接:SiteApp 数字识自动别为电话号 iOS 图标rel 参数: apple-touch-icon 图片自动处理成圆角和高光等效果。 apple-touch-icon-precomposed 系统自动添加效果,直接显示设计原图。 iPad 竖 768 x 1004(标准分辨率) iPad 竖 1536x2008(Retina) iPad 1024x748(标准分辨率) iPad 2048x1496(Retina)

    90870

    移动开发实用

    meta基础知识H5页面窗口自动调整到设备宽度,并用户缩放页面 忽略将页面中的数字识别为电话号 忽略Android平台中对邮箱地址的识别 当网站添加到主幕快速启动方式,可隐藏地址栏,仅针对ios ,英文用Helvetica * 移动端定义字体的 *body{font-family:Helvetica;}参考《移动端使用字体的思考》 移动端字体单位font-size选择px还是rem,对于只需要适配手机设备 通常我们再滑页面,会调用css的html{-ms-touch-action: none;}可以阻默认情况的发生:阻页面滚动MSPointerUp——当手指离开幕时触发移动端click幕产生200 模拟按钮hover效果移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果,如下 Phone的默认触摸事件winphone下默认触摸事件事件使用e.preventDefault是无效的 目前解决方法是使用样式来html{-ms-touch-action: none;}*

    6830

    H5 项目实用

    1、H5表单复制、粘贴的方法(1)、HTML复制: 粘贴: (2)、CSS用户 长按选择复制粘贴---css -webkit-user-select: none;-moz-user-select ----18、幕旋转切换时,想文本缩放,怎么办?-webkit-text-size-adjust: 100%;----19、H5页面想有快速回弹滚动的效果,怎么办? winphone默认触摸事件 阻windows Phone的默认触摸事件*说明:winphone下默认触摸事件事件使用e.preventDefault是无效的,可通过样式来用,如:*html = y; lastZ = z;} function yaoAfter(){ do something} 说明:说见案例摇一摇效果中yao.js----34、微信浏览器用户调整字体大小后页面矬了,怎么阻用户调整以下可使 iframe(阻塞父文档onload事件)2.使用gif图片实现loading效果(降低CPU消耗,提升渲染性能)使用CSS3替JS动画;开启GPU加速;使用base64位编图片(不小图而言

    7010

    移动端 webapp meta小结

    meta是html语言head区的一个辅助性标签。也许你认为这些可有可无。 如果你把initial-scale=1 ,那么 width 和 height在竖时自动为320*356 (不是320*480 因为地址栏等都占据空间 ),时自动为 480*208。 例如你设置了 width=320 ,竖时 initial-scale 就是 1 ,时则变成 1.5 了 那么到底这些设置如何让 Safari 知道 ? 这时我们的meta又该大显神通了,如下: telephone=no就了把数字转化为拨号链接! 三、adress adress=no跳转至地图!adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!

    42030

    网页复制

    网页右键、查看源复制的,试试你的右键、ctrl+c和ctrl+c吧

    37370

    网站右键

    如果你是在试图偷取本站、那么别费劲了,你右键怎么按都是这个窗口! if(!

    12430

    几个经常在H5移动端开发遇到的东西!

    比如你有如下:13192733603但是有些浏览器会识别为手机,并且可以点击拨号。6. 解决input失焦后页面没有回弹? 想要这些浏览器的默认行为,可以使用以下CSS: 长按图片保存img { -webkit-touch-callout: none; pointer-events: none; 像微信浏览器还是无法 ,加上这行样式即可} 长按选择文字div { -webkit-user-select: none;} 长按呼出菜单div { -webkit-touch-callout: none;}7. 优化:div { -webkit-overflow-scrolling: touch;}8. 幕旋转为时,字体大小会变具体出现的情况不明?,有时候有有时候没有,欢迎指出。 优化:* { -webkit-text-size-adjust: 100%;}9.

    50120

    HTML5中meta属性的使用详解

    meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编,设置刷新缓存等。 apple-touch-icon-precomposed 系统自动添加效果,直接显示设计原图。 iPad 竖 768 x 1004(标准分辨率)iPad 竖 1536x2008(Retina)iPad 1024x748(标准分辨率)iPad 2048x1496(Retina) iPhone 8 磁贴图标9、不常用的添加 RSS 订阅添加 favicon icon数字识自动别为电话号不让android识别邮箱启用360浏览器的极速模式(webkit)避免IE使用兼容模式针对手持设备优化 ,主要是针对一些老的不识别viewport的浏览器,比如黑莓微软的老式浏览器QQ强制竖UC强制全QQ强制全UC应用模式QQ应用模式百度转windows phone 点击无高光 关键字 描述

    49931

    扫码关注云+社区

    领取腾讯云代金券