iphone拍的照片如何在网页上看_百度知道前一段时间在群里有朋友问到说在iPhone4里背景图片能够正常显示，而在iPhone5中图片显示不全，下面有空白的。当时看了代码后发现图片是用img标签插入的，同时设置了width:100%，这样的话是可以让图片适应浏览器的宽度来显示，而且是等比缩放的。
但是这样的方式对图片的比率是有要求的，大家都知道iPhone5的屏幕高度比iPhone4的要大，那么如果使用了iPhone4的比率来设计图片，那么在iPhone5中肯定就会出现下面有一截空白的情况。
代码如下的情况：
那么在iPhone4中的表现是很正常的，如下：
可是这样的话，在iPhone5中表现就不对了，如下：
下面有一截空白的地方。
PS：不过不知道为什么，我在iOS模拟器中测试的时候，Safari浏览器里表现挺正常的，导出到主界面（桌面）打开，并且去掉地址栏等内容（模拟APP情况，传说中的webAPP）就出现这个情况了。今天在真机中测试无论是浏览器还是什么情况都有问题，然后在Chrome中模拟测试也是有问题的。
当时看到这样的一个情况时，我首先想到了使用背景图片，然后拉伸满屏显示，具体也没测试。今天又测试了一次也是因为有同事问了这个问题，才自己测试了一下。
我使用的方法是通过背景图片，然后结合background-size:cover来实现，为了能让截图区域显示的比较偏中间，又增加了一个background-position:center center，代码如下：
这样的情况在iPhone4中的表现如下：
然后在iPhone5中的表现如下：
可以看到是能正常满屏显示了，不过稍微有一点区别就是图片会有一些裁切，如果图片当时设计的时候存在一定的“安全区域”，能够满足被截断，并且不会影响到整体的效果，个人觉得还是OK的。
在CSS3中有很多东西跟CSS2还是存在着区别，一直以CSS2的处理方式来思考问题还是会给自己带来不少坑，如何利用CSS3在手机端做更多的表现还是有待自己去思考了。工作的内容跟代码稍微有一些脱离，自我总结也少了，很多时候开始力不从心，还是需要好好从头学习一下CSS3了，趁大漠的《图解CSS3》出版了，学习一下。
转载：小志博客
分享到： ()js如何判断ipad或者iphone是否为横屏或者竖屏
js如何判断ipad或者iphone是否为横屏或者竖屏,&
js禁止ipad或者iphone是否为横屏或者竖屏
核心代码：
function orient() {
alert('gete'); if (window.orientation == 0 || window.orientation == 180) {
$("body").attr("class", "portrait");
orientation = 'portrait'; return false;
} else if (window.orientation == 90 || window.orientation == -90) {
$("body").attr("class", "landscape");
orientation = 'landscape'; return false;
$(function(){
$(window).bind( 'orientationchange', function(e){
屏幕方向对应的window.orientation值：
ipad： 90 或 -90 横屏
ipad： 0 或180 竖屏
Andriod：0 或180 横屏
Andriod： 90 或 -90 竖屏
js如何判断ipad或者iphone是否为横屏或者竖屏
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。机智堂：两台iPhone之间如何传照片？
作者:新浪手机
机智堂是新浪手机推出的新栏目，风趣幽默是我们的基调，直白简单地普及手机技术知识是我们的目的。每周定期更新，搞机爱好者们千万不能错过。
这是一个真实的案例：聚会结束后，韩梅对李雷雷说：“能不能把刚才咱们合影的照片发我一下？”如果两者用的都是Android手机，两人会心一笑，打开蓝牙，分分钟传完照片。或者换个姿势，用高阶NFC功能，两个手机贴一下，“唰”地一下，照片就过去了。
如果一个人用iPhone，另一个用Android，或者两个人都用iPhone，那么蓝牙跟NFC就都歇菜了。
也有人会说，这事还不简单？通过第三方应用发送，快速省事。但手机还没安装这类应用的情况下该如何解决呢？且看机智君逐条分解。
需要说明的是，为了阅读简便，今天我们仅讲解两台iPhone之间采用原生应用或功能怎么传照片。
问：普通青年如何应对？
答：发邮件，简单粗暴
别告诉我你从来没用过iPhone上的原生邮件应用。如果真的没用过，新添加一个账户也是非常简单滴。什么？你基本都没发过邮件？那你总有一个新浪邮箱、网易邮箱，或者QQ邮箱吧。
邮箱内添加照片
如果在邮箱应用里新建邮件，长按正文页位置，会有一个添加照片的选项，但是……每次只能添加一张照片，如果有N张照片，就得发N封邮件，想想手都酸了。
相册中选择照片再发送
多张照片的话你需要找到相册，选一张要分享的图片进去，看到左下角的剪头标志了吗？点击进去之后，你可以选择多张照片(最多五张)通过邮件发送。
问：作为一朵明媚的文艺青年，该怎么处理？
答：AirDrop功能
这个功能比发邮件更显文艺，但是有一个门槛。双方都得是iPhone 5或者更新的iPhone，iPhone 5同时不能停留在iOS 6系统，因为AirDrop是iOS 7新增的一项功能。
AirDrop功能
在相册中选择一张或多张图片，点击左下角的剪头，会有AirDrop选项，双方打开之后，就会显示接收方的头像，然后对方选择接受就OK了，并且速度非常快。
不少细心用户都会发现，在开启AirDrop之后，蓝牙及WiFi都会自动打开。即使事先手动关闭WiFi，在开始传输后还是会开启，而在手动关闭蓝牙之后，接收人也会消失。
尽管苹果官方没有详细解释AirDrop的工作原理，只是在iOS 7页面上线时提到过AirDrop是通过蓝牙与WiFi传输。在经过多次实验后，机智君发现大致逻辑是两台iPhone先通过蓝牙寻找、握手，之后的数据由WiFi直传或经由同一局域网传输，这样可以获得最大速度下的传输。
??铝苏饷炊啵?楦?降拙褪窍胨得鞔?掌?牧礁鋈瞬挥霉苁欠翊τ?iFi环境下，即使是在大街上，关掉蜂窝数据，也可以用AirDrop传照片。在WiFi环境下传输也不受影响。
传输Passbook文件
Mac接收Passbook文件
Mac向iPhone发送网页
顺便再??乱痪洌?绻?阃?被褂?ac电脑，搭载iOS 8的iPhone与电脑也能AirDrop，传输对象不仅仅是照片，Passbook文件等等都可以直接传输。这样，iPhone、iPad、Mac之间都可以方便传输照片。
问：如何体现技术宅青年身份？
答：iOS 8系统iCloud照片共享
如果你能耐着性子看到这里，那不用说，你就是那个技术宅青年，或是数码爱好者。这个方法门槛要求手机要升级到iOS 8系统。
共享组界面
这个方法类似照片共享群组，分享者与接收者的设备上都能看到共享部分的照片。
双方需要先开启iCloud照片共享
首先，分享者需要在设置中开启iCloud照片共享，不用紧张，这个功能不是照片流，并且分享者与接收者都不用开启照片流也可以使用iCloud照片共享。
创建分享组界面
接着，在“照片”应用底部会出现三个选项——照片、共享、相簿。你只需要新建共享相册，并选择群组成员，然后往里面添加需要共享的照片就OK了。
点击邀请邮件中的订阅即可
需要说明的是，在选择群组成员时，是向对方发出邀请，最好填写对方的电子邮箱地址，这个地址不一定是对方的Apple ID，电子邮箱只是一个途径，最终对方还是需要用Apple ID来验证并加入这个群组的。而接受者一定要在手机邮箱(iPhone)中接收这封邀请邮件，这样才能加入这个群组。
别看设置麻烦、原理复杂，但建成群组后就是一劳永逸的事，特别是经常出去一块玩的朋友，建立一个群组，就可以经常分享合照。
可以把共享组里的图片存储下来
对于接受者来说，在群组中点击照片，左下角会出现箭头选项，点击，就可以把照片存储到自己手机中。如果想增加气氛，还可以点击“喜欢”按钮。
看到这里，无论你是哪种青年，相信都会找到自己喜欢的方式。如果你还是觉得麻烦或是逼格太高，好吧，机智君也只能帮你到这里了，第三方应用传输还是最适合你。(刘源)
官方微博/微信
每日头条、业界资讯、热点资讯、八卦爆料，全天跟踪微博播报。各种爆料、内幕、花边、资讯一网打尽。百万互联网粉丝互动参与，TechWeb官方微博期待您的关注。
↑扫描二维码
想在手机上看科技资讯和科技八卦吗？想第一时间看独家爆料和深度报道吗？请关注TechWeb官方微信公众帐号：1.用手机扫左侧二维码；2.在添加朋友里，搜索关注TechWeb。
相关的资讯有：
相关的博文有：
按照目前的情况来看，老摩新机Moto Z Play将于9月6日在国内发布。在发布会之前，Moto ...
今年魅族成了手机圈里的高产王，不断的推出新机，丝毫没有停下来的意思，这么拼快让大...
三星整个下半年的焦点都放在八月份发布的三星Galaxy Note7，但是不代表三星不出其他新...
今天，香港金融管理局正式发布第三方支付牌照，支付宝香港公司成为首批支付牌照获得者...
表面上看，上半年第一季度，京东和阿里巴巴分别在不同领域进行了几次投资和并购，实际...
特斯拉今年8月1日宣布，计划以26亿美元收购太阳能面板公司SolarCity，此举旨在为特斯...
苹果今天早些时候向开发者发放了iOS 10的第八个测试版，同时公测用户也收到了iOS 10的...
上周Windows Insider项目的表现并不活跃，仅为“慢速通道/发布预览”用户推送过一次累...
昨天下午，新浪微博发文称为了进一步提升微博评论的可读性和阅读效率，让粉丝之间、粉...
《乌鸦森林之谜3：卡赫拉之影》是《乌鸦森林之谜》三部曲的最后一部，游戏中呈现了一......
火影忍者手游8月版本已经在安卓更新了，iOS预计将会在本周四上线，这次版本更新内容很......
天天酷跑克隆战版本强势更新，在本次的克隆战版本中有众多新角色坐骑，当然游戏中非常......
芒果互娱携手湖南卫视、芒果TV于5月26日在北京举行了一场以“1+N，一起玩”为主题的游......
Copyright (C)
All rights reserved.
请选择一张图片分享
要转发到新浪微博，请
要转发到QQ空间，请天气开始慢慢转凉，是时候多去室外走动走动了。不管是秋游，还是逛街难免会无聊无事做...
你是想买对的不选贵的呢还是想买贵的不选对的（笑）？
这款手游为何可以如此顺利地系列化？并且在5年之后推出的新品依旧能得到市场的青睐。
发布会将于当地时间9月7日上午10点正式开幕，北京时间为9月8日(周四)凌晨1点。准备好...
既然以“Pro”为名，机能的进步是至关重要的，尤其是它的 GPU 将要迎来的变化。
没错，就是329美元，只要329美元，其实它是一台“黑苹果”。
苹果logo经历过数次变更，但不变的是苹果对于创新的孜孜追求。
这台“传奇”终于有了个好主人，最重要的是，这位买家家里还拥有另外一台Apple-1藏品...
Tales & Dice AB 推出的《汉娜&亨利-生日会（Hanna & Henri - The Party）》是一款深...
很多爱电子音乐爱到疯狂的朋友们都或多或少的想要制作一首属于自己的乐曲，但纵观如今...
《夜之门》的开发团队是曾经推出过《Last Voyage（最后的航程）》、《Kotoro（探索色...
Wall West 早些时候曾推出过 3 部作品，但是综合质量和可玩性都不高，于是 Wall West ...
虽然这款最早于2012年登陆 App Store 的应用现在来看已经是个一把年纪的“老家伙”了...
《开心农场：热带度假（FarmVille: Tropic Escape）》是 Zynga 推出的一款经营类游戏...
许久未出现在玩家面前的知名益智类游戏开发商《Playrix》最近在粉丝的强烈号召之下终...
Privoro 公司表示，有了这款产品，监听 iPhone 是一件不可能完成的事情。
论数量，Android一直都是第一，但这能说明这个平台统治了移动市场吗？
在Cydia中搜索插件，似乎并不是那么容易让越狱用户感到舒心。
三星也是拼了，不过对Apple Watch的影响好像不会很大。
看起来还不错，这点电量还是可以作为应急用的。
它内置4000mAh锂离子电池，可完整充满Apple Watch多达6次。
小小的一根U8，却可以解决许许多多烦恼，让你的 iPhone，iPad 不再因为“瘦身”而烦恼...
VR ONE Plus，是蔡司第一代虚拟现实头戴设备VR ONE的加强版。
竖着拿iPhone照出来的照片，在电脑上都是横着的吗？
注册时间 最后登录
在线时间1 小时 UID
主题帖子人气
小苹果, 积分 24, 距离下一级还需 26 积分
不要说用美图看看去看照片，也不要说手动可以调成竖的。
我就想要竖着拿手机照出来，在电脑上看就是竖着的，横着照出来就是横着的，行吗？
<p id="rate_2508" onmouseover="showTip(this)" tip="换一头试试，以前看过一个帖子说把听筒的方向向左边还是向右边，这样拍就不会横的了，&人气 + 1
" class="mtn mbn">
换一头试试，以前看过一个帖子说把听筒的方向向左边还是向右边，这样拍就不会横的了，
注册时间 最后登录
在线时间475 小时 UID
主题帖子人气
注册时间 最后登录
在线时间602 小时 UID
主题帖子人气
换一头试试，以前看过一个帖子说把听筒的方向向左边还是向右边，这样拍就不会横的了，试试换个方向
注册时间 最后登录
在线时间1 小时 UID
主题帖子人气
引用第2楼backdoor-05-28 11:24发表的
换一头试试，以前看过一个帖子说把听筒的方向向左边还是向右边，这样拍就不会横的了，试试换个方向
我想要竖着拿电话，怎么能换一头哦？倒过来照啊？
注册时间 最后登录
在线时间16 小时 UID
主题帖子人气
旋转就行了
注册时间 最后登录
在线时间1 小时 UID
主题帖子人气
不想要旋转噢~~~~~~~
注册时间 最后登录
在线时间37 小时 UID
主题帖子人气
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!