有没有高手可以写一个css 文件,让lion 下的safari 在进入全屏模式后自动将页面扩大到144% 的?感激不尽啦。

2011-09-16 17:37:27 +08:00
 TashinV
不知道有没有高手可以相助。
4366 次点击
所在节点    问与答
8 条回复
chone
2011-09-16 17:52:18 +08:00
单纯css好像不容易做到把,js根据页面宽度变化来放大可能能达到目的
TashinV
2011-09-16 17:54:03 +08:00
@chone 那有办法写个js 文件么?
NemoAlex
2011-09-16 18:27:23 +08:00
http://www.apple.com.cn/safari/features.html
很想知道“新的全屏 JavaScript API”在哪里可以找到文档
Livid
2011-09-16 18:30:15 +08:00
Safari 的这个 features 页面真是壮观。
sparanoid
2011-09-16 18:41:32 +08:00
一个笨办法,我觉得可以根据你的屏幕分辨率做一个:

@media (min-width: 1920px) {
:root {
zoom: 1.44;
}
}
chone
2011-09-16 19:07:59 +08:00
@TashinV

var FULL_CLASS = 'fullmode';

var addCssClass = function(el, className) {
removeCssClass(el, className);
el.className += ' ' + className;
};

var removeCssClass = function(el, className) {
el.className = el.className.replace(className, '');
};


window.addEventListener('resize', function() {
var body = document.body;
if (screen.width == window.outerWidth && screen.height == window.outerHeight) {
// 我不太确认window.fullScreen是否也能工作
addCssClass(body, FULL_CLASS);
} else {
removeCssClass(body, FULL_CLASS);
}
}, false);

///css
body.fullmode {zoom: 114%;}
chone
2011-09-16 19:11:19 +08:00
@NemoAlex 是指onwebkitfullscreenchange?
Numbcoder
2011-09-16 19:39:55 +08:00
稀饭lz的头像、,

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/18227

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX