精华内容
下载资源
问答
  • 核心就是:flex: 0 0 33%; 参见 flex布局实现每行固定div个数,并根据屏幕分辨率自适应布局
    展开全文
  • (窗口在LOAD的时候记录每个控件的坐标,每次窗口重绘的时候引时SizeChange事件,根据比率重新设置坐标) 以下是代码 AutoSizeFormClass类 using System; using System.Collections.Generic; using System...

    (窗口在LOAD的时候记录每个控件的坐标,每次窗口重绘的时候引时SizeChange事件,根据比率重新设置坐标)

    以下是代码  AutoSizeFormClass类

     

    复制代码
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Windows.Forms;
    
    namespace SalesClient.Sys
    {
       public class AutoSizeFormClass
        {
            public struct controlRect
            {
                public int Left;
                public int Top;
                public int Width;
                public int Height;
            }
    
            private bool _Flag;
            public bool Flag
            {
                get { return _Flag; }
                set { _Flag = value; }
            }
    
            private int _Number;
            public int Number
            {
                get { return _Number; }
                set { _Number = value; }
            }
    
            private List<controlRect> oldCtrl;
    
            public void Initialize(Form mForm)
            {
                oldCtrl = new List<controlRect>();
                controlRect cR;
    
                cR.Left = mForm.Left;
                cR.Top = mForm.Top;
                cR.Width = mForm.Width;
                cR.Height = mForm.Height;
    
                oldCtrl.Add(cR);
    
                foreach (Control c in mForm.Controls)
                {
                    controlRect objCtrl;
                    objCtrl.Left = c.Left;
                    objCtrl.Top = c.Top;
                    objCtrl.Width = c.Width;
                    objCtrl.Height = c.Height;
                    oldCtrl.Add(objCtrl);
                }
                Flag = true;
                Number = mForm.Controls.Count;
            }
    
            public void ReSize(Form mForm)
            {
                if (!Flag) return;
    
                float wScale = (float)mForm.Width / (float)oldCtrl[0].Width;
                float hScale = (float)mForm.Height / (float)oldCtrl[0].Height;
    
                int ctrLeft0, ctrTop0, ctrWidth0, ctrHeight0;
                int ctrlNo = 1;
    
                try
                {
                    if (mForm.Controls.Count != Number) return;
                    foreach (Control c in mForm.Controls)
                    {
                        ctrLeft0 = oldCtrl[ctrlNo].Left;
                        ctrTop0 = oldCtrl[ctrlNo].Top;
                        ctrWidth0 = oldCtrl[ctrlNo].Width;
                        ctrHeight0 = oldCtrl[ctrlNo].Height;
    
                        c.Left = (int)(ctrLeft0 * wScale);
                        c.Top = (int)(ctrTop0 * hScale);
                        c.Width = (int)(ctrWidth0 * wScale);
                        c.Height = (int)(ctrHeight0 * hScale);
                        ctrlNo += 1;
                    }
                }
                catch
                {
                    return;
                }
            }
        }
    }
    复制代码

     

    在要设置的窗体里

     

    复制代码

    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Windows.Forms;

    namespace SalesClient.HT
    {
        public partial class test : Form
        {
            public test()
            {
                InitializeComponent();
            }
            SalesClient.Sys.AutoSizeFormClass asc = new SalesClient.Sys.AutoSizeFormClass();

            private void test_Load(object sender, EventArgs e)
            {
                asc.Initialize(this);
            }

            private void test_SizeChanged(object sender, EventArgs e)
            {
                asc.ReSize(this);
            }
        }
    }

    复制代码

    转载于:https://www.cnblogs.com/ltfyea/p/3534239.html

    展开全文
  • <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></...可以根据屏幕分辨率改变宽度,如果不够宽度,可以自动调整个数。

    1.html代码

    <div class="parent">
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
      </div>
    

    2.css代码

     <style>
       .parent {
         width: 100%;
         height: 150px;
         display: flex;
         flex-flow: row wrap;
         align-content: flex-start;
       }
    
       .child {
         box-sizing: border-box;
         background-color: white;
         flex: 0 0 33%;
         height: 50px;
         border: 1px solid red;
       }
     </style>
    

    3.实现效果
    可以根据屏幕分辨率改变宽度,如果不够宽度,可以自动调整个数。

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 使用rem计算字体时,添加下列js文件,并根据750宽度的设计稿计算字体换算,用下述方法,代表750宽度下,1rem=50px; 根据这个倍率进行设置字体大小。 例如:设计稿750宽度,设计稿字体为30px,那么在开发的时候,...

    使用rem计算字体时,添加下列js文件,并根据750宽度的设计稿计算字体换算,用下述方法,代表750宽度下,1rem=50px; 根据这个倍率进行设置字体大小。

    例如:设计稿750宽度,设计稿字体为30px,那么在开发的时候,字体设置为30/50*1=0.6rem。

    ;(function(designWidth, maxWidth) {
        var doc = document,
            win = window;
        var docEl = doc.documentElement;
        var tid;
        var rootItem,rootStyle;
    
        function refreshRem() {
            var width = docEl.getBoundingClientRect().width;   //浏览器宽度
            if (!maxWidth) {
                maxWidth = 640;
            };
            if (width > maxWidth) {
                width = maxWidth;
            }
            //与淘宝做法不同,直接采用简单的rem换算方法1rem=100px
            var rem = width * 100 / designWidth;
            //兼容UC开始
            rootStyle="html{font-size:"+rem+'px !important}';
            rootItem = document.getElementById('rootsize') || document.createElement("style");
            if(!document.getElementById('rootsize')){
                document.getElementsByTagName("head")[0].appendChild(rootItem);
                rootItem.id='rootsize';
            }
            if(rootItem.styleSheet){
                rootItem.styleSheet.disabled||(rootItem.styleSheet.cssText=rootStyle)
            }else{
                try{rootItem.innerHTML=rootStyle}catch(f){rootItem.innerText=rootStyle}
            }
            //兼容UC结束
            docEl.style.fontSize = rem + "px";
        };
        refreshRem();
    
        win.addEventListener("resize", function() {
            clearTimeout(tid); //防止执行两次
            tid = setTimeout(refreshRem, 300);
        }, false);
    
        win.addEventListener("pageshow", function(e) {
            if (e.persisted) { // 浏览器后退的时候重新计算
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 300);
            }
        }, false);
    
        if (doc.readyState === "complete") {
            doc.body.style.fontSize = "16px";
        } else {
            doc.addEventListener("DOMContentLoaded", function(e) {
                doc.body.style.fontSize = "16px";
            }, false);
        }
    })(750, 750);

     

    转载于:https://www.cnblogs.com/pheosia/p/10141215.html

    展开全文
  • 发明名称 窗口分辨率自适应处理方法与装置 摘要 本发明公开了一种窗口分辨率自适应处理方法与装置,包括:获取屏幕的长度...此外,还公开了一种窗口分辨率自适应处理装置,包括屏幕参数获取模块、软件标准参数获取
  • QT下实现分辨率自适应的方法

    千次阅读 2015-05-05 15:45:03
    QT下实现分辨率自适应的方法 在QT下实现根据屏幕的分辨率自动调整软件的界面,这个在网上搜了一些内容,但大多只是针对某种控件的。而对于我当前整个软件界面,由于背景图片、控件坐标等等都已经提前设计好,所以...
  • unity3d多分辨率自适应

    2019-06-26 16:13:47
    比如一款2D游戏,为了使游戏场景根据手机的屏幕尺寸而成比例的缩放,我们就需要调节视口,控制游戏区域的正常显示。 这里我所用的方法可以总结为一个公式: 实际视口 = 初始视口 * 初始高宽比 / 实际高宽比。 ...
  • 随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何...【网页根据宽度自动调整的代码】首先,在网页代码的头部,加入一行vie...
  • html img热区坐标根据屏幕大小自适应

    千次阅读 2015-06-18 15:41:21
    //根据分辨率自适应热区坐标  function changeCoords(){  var width = document.body.offsetWidth;  var height = document.body.offsetHeith;  if (1920 == width) return;  
  • 1.UIRoot:根据高度自适应屏幕分辨率。 NGUI根目录的UIRoot组件自带了根据高度自适应分辨率的功能。 Scaling Style属性可选择三种不同的缩放策略。 PixelPerfect 完美像素:直接显示设定好的像素。当...
  • (转)QT下实现分辨率自适应的方法

    千次阅读 2012-09-28 15:35:00
    在QT下实现根据屏幕分辨率自动调整软件的界面,这个在网上搜了一些内容,但大多只是针对某种控件的。而对于我当前整个软件界面,由于背景图片、控件坐标等等都已经提前设计好,所以不是很好改。 于是,使用了一个...
  • 1、不同的layout ... 其实很简单,只需要在res目录下创建不同的layout文件夹,比如:layout-640x360,layout-800x480,所有的layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layo
  • 那怎么让页面根据屏幕分辨率自适应呢?首先我们不能给要处理的容器设置固定高度,其次借助视口(viewport)和calc()函数来设置高度。 视口通常与浏览器窗口相同,但不包括浏览器的UI, 菜单栏等——即指你正在浏览的...
  • Unity3D NGUI自适应屏幕分辨率

    千次阅读 2015-04-27 22:12:34
    1.UIRoot:根据高度自适应屏幕分辨率。 NGUI根目录的UIRoot组件自带了根据高度自适应分辨率的功能。 Scaling Style属性可选择三种不同的缩放策略。 PixelPerfect 完美像素:直接显示设定好的像素。当屏幕高度...
  • 其实很简单,只需要在res目录下创建不同的layout文件夹,比如:layout-640x360,layout-800x480,所有的layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layout进行
  • js自适应不同屏幕分辨率

    千次阅读 2019-04-11 10:32:50
    js自适应不同屏幕分辨率 /* *代码如下 *其中的参数1080根据自己的实际情况进行修改,这里的1080代表设计页面的原始宽度,可以参考psd的标准宽度,这是后字体使用rem也有了标准,psd上的字号如:40点 对应css中的...
  • 游戏背景自适应屏幕分辨率

    千次阅读 2016-12-28 11:07:22
    原文: Unity 3D 正交(Orthographic)摄像机尺寸学习笔记 ...正交摄像机与 Unity 3D 中普通摄像机相比没有透视效果(近...在 2D 游戏开发中,有时会遇到根据屏幕分辨率对游戏的背景进行自适应缩放的需求,这就
  • PowerBuilder在数据库系统开发中,以其独特的、强大的数据窗口功能,得到了广大程序员的喜爱...本文介绍了如何使PB中的窗口大小能根据屏幕分辨率自动调整,同时保持窗口中的控件的相对位置、大小不变。    1.定
  • 一:不同的layout Android手机 屏幕 大小不一,有480x320, 640x360, 800x480.怎样才能让App自动 适应不同的屏幕 呢?     其实很简单,只需要在res目录下创建不同的layout文件...会根据屏幕 的大小自己选择合适
  • 用CSS3的 media属性根据屏幕大小做自适应各种分辨率网页显示版本-media query详解
  • js设置字体大小自适应屏幕分辨率

    千次阅读 2019-01-08 16:27:49
    js可以通过 screen.width获取屏幕分辨率的大小。 var conf_div = document.createElement('div'); //创建div conf_div.style.fontSize = (screen.width == 1920) ? '18px' : ((screen.width == 1600) ? '14px' : ...
  • delphi 程序适应屏幕分辨率,先在表单单元的Interface部分定义两个常量, 表示设计时的屏幕的宽度和高度(以像素为单位)。 在表单的Create事件中先判断 当前分辨率是否与设计分辨率相同, 如果不同,调用表单的...

空空如也

空空如也

1 2 3 4 5 ... 16
收藏数 316
精华内容 126
关键字:

根据屏幕分辨率自适应