美文网首页
根据屏幕大小及dpi调整缩放和大小

根据屏幕大小及dpi调整缩放和大小

作者: 结构学AI | 来源:发表于2016-08-25 15:07 被阅读92次

<script>
//根据屏幕大小及dpi调整缩放和大小
(function() {
var scale = 1.0;
var ratio = 1;
if (window.devicePixelRatio >= 2) {
scale *= 0.5;
ratio = 2;
}
var text = '<meta name="viewport" content="initial-scale=' + scale + ', maximum-scale=' + scale +', minimum-scale=' + scale + ', width=device-width, user-scalable=no" />';
document.write(text);
document.documentElement.style.fontSize = 50
ratio + "px";
})();
</script>

相关文章

  • 根据屏幕大小及dpi调整缩放和大小

    //根据屏幕大小及dpi调整缩放和大小(function() {var scale = 1.0;var ratio...

  • 屏幕适配

    参考 android dp api关于Android设备屏幕大小及密度的系统参数类Android中px dpi d...

  • iOS 中计算图片资源的大小方式

    长 * 宽*scale * scalescale 是根据屏幕大小所获取的缩放因子 if SD_WATCH elif...

  • rem - 自适应布局 二

    出现如下图 : 一屏幕显示不完 /** * 根据屏幕尺寸,调整文案大小 */ initPageScale...

  • Bootstrap

    (1)####Bootstrap它将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。 ...

  • Android兼容性适配(二)—— 屏幕兼容性概览

    运行 Android 的设备多种多样,它们有着不同的屏幕尺寸和像素密度。 尽管系统可通过基本的缩放和调整大小功能使...

  • Android 屏幕适配

    1. dp,px,dpi,sp等概念 屏幕尺寸:就是我们平常讲的手机屏幕大小,为屏幕的对角线长度,一般讲的大小单...

  • Bootstrap

    Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。 通过响应式设计,...

  • 响应式框架Bootstrap

    概念:Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调响应式设计的概念。 通过响应式设...

  • FCC之响应式框架Bootstrap

    1、Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调响应式设计的概念。 通过响应式设计...

网友评论

      本文标题:根据屏幕大小及dpi调整缩放和大小

      本文链接:https://www.haomeiwen.com/subject/qvkasttx.html