精华内容
下载资源
问答
  • 网页上测试游戏分辨率的时候cocos只提供了一些常用的分辨率 教大家一招 自己定义分辨率 找到cocos crator安装目录 是安装目录 不是工程目录 然后找到 resources\static\preview-templates 中的 boot.js文件 ...

    在网页上测试游戏分辨率的时候cocos只提供了一些常用的分辨率

    教大家一招 自己定义分辨率 找到cocos crator安装目录

    是安装目录 不是工程目录

    然后找到 resources\static\preview-templates  中的 boot.js文件

     

    打开它

    添加一行json  自己添加命名 分辨率自己设置

    设置好保存 然后运行一个工程 看效果 

    展开全文
  • 网页分辨率自适应的方法,可以在进行CSS设置中,其div添加 background-size:cover;
                网页分辨率自适应的方法,可以在进行CSS设置中,其div添加 background-size:cover;  其它网页中的表格等,均可以设置成固定大小。
    
    展开全文
  •  我把网页制作了全屏效果,电脑上可以缩放浏览器观看,也可以扩展浏览器查看。按理说,手机屏幕是小的,应该看到比较好的效果,但是手机上预览和电脑上预览一样,网页很长。  如何防止此类事件发生呢?  在...

        最近做了微信平台的项目,微信中调用网页。

        我把网页制作了全屏效果,电脑上可以缩放浏览器观看,也可以扩展浏览器查看。按理说,手机屏幕是小的,应该看到比较好的效果,但是手机上预览和电脑上预览一样,网页很长。

        如何防止此类事件发生呢?

       在Mobile页面上有提供viewport这个meta,可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成Mobile类型。 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明。


    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">


    设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。

    <meta name="viewport" content="user-scalable=0" />

    但是为了更好的兼容,我们会使用完整的viewport设置。

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

    也可以如下写:

        <meta name="viewport" content="width=device-width initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">


    设置宽度等于设备的宽度,并设置initial-scale=1.0; maximum-scale=1.0; user-scalable=no;


    如果需要更详细的关于viewport的资料可以参考MDN

    https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

    貌似DTD只声明成HTML5就可以了,下面加上viewport的标签


    展开全文
  • 【摘 要】本文介绍关于网页布局的主题文章,例如:如何消除任意缩放浏览器窗口对网页的影响,让网页居中,网页分辨率问题,定义固定大小的文字,让网页适应不同的浏览器。  第一种方法:做一个网页解决问题(长...
    【摘 要】
    本文介绍关于网页布局的主题文章,例如:如何消除任意缩放浏览器窗口对网页的影响,让网页居中,网页分辨率问题,定义固定大小的文字,让网页适应不同的浏览器。 
    

      第一种方法:做一个网页解决问题(长了点)

      如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助。

      一、消除任意缩放浏览器窗口对网页的影响

      一番辛苦做出来的网页,在全屏状态下浏览一切正常。

    但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题。

      问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。

      大家应该注意到,在DW中表格属性面板的高宽设定选择上提供了两种不同类型:百分比和像素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的。IE浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。

      自然,解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)。另外如果外层表格已做好固定宽度设置,内层表格也可以适当使用百分比设置。清楚这个原则以后,如果出现类似的问题大家也知道怎么解决。

      二、让网页居中

      说到了窗口大小就会顺着路子想到分辨率的问题,在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费时,看起来也费劲。怎么办呢?

      现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主,要想让网页在1024*768时居中,只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个就是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。

      <html>
       <head></head>
       <body topmargin=0 leftmargin=0>
       <center>
         <table cellspacing cellpadding width=760><tr><td></td></tr></table>
       </center>
       </body>
       </html>

      三、定义固定大小的文字

      大家都知道,在IE浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的设置习惯不同,呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了,这时你的网页也可能变得"不堪入目"。虽然不是你的错,但客户是上帝。

      如果使用了网页中的CSS样式表技术,就不会出现上述情况了。使用快捷键"Shift+F11"打开样式表"CSS style"编辑器,在窗口中单击鼠标右键执行"New CSS style..."命令新建一个样式表,然后在给出的列表中选择"类型"选项,定义文字属性参数(一般文字的大小选择12px较为适宜)。完成后选择网页编辑窗中的文本,单击新的样式表名称,可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

      四、让网页适应不同的浏览器

      浏览器的格局现在是两分天下,一分是IE,另一分是NetScape,在国内Ie有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟它是浏览器的元老。

      虽然没有办法做出让所有浏览器都兼容的网站,但只要注意以下几点,做出来的网页在各个浏览器都中能达到比较好的显示效果:

      不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内。

      内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式。

      有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。

      对于只有几个像素宽度或高度的层,改用图片来实现。

      避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。


      第二种方法:做两个适合不同分辨率的页面
     
      一个是800×600,一个是1024×768,在800×600的页面中加入一下代码就可以实现跳转了:

      --------------------------------------------------
     
       解决分辨率问题在Dreamweaver中没有此项功能,我们只能手动加入一段Javascript代码。首先在change-ie.html或change-nc.html页面代码中的< head>和< /head>中加入以下代码:

       < script language=JavaScript>
       < !--
       function redirectPage(){
       var url800x600=〃index-ie.html〃; //定义两个页面,此处假设index-ex.html和1024-ie.html同change-ie.html在同一个目录下
       var url1024x768=〃1024-ie.html〃;
       if ((screen.width==800) && (screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率
       window.location.href= url800x600;
       else if ((screen.width==1024) && (screen.height==768))
       window.location.href=url1024x768;
       else window.location.href=url800x600;
       }
       // -->
       < /script>
       然后再在< body…>内加入onLoad=〃redirectPage()〃
       最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
       < script language=JavaScript>
       < !--
       var w=screen.width
       var h=screen.height
       document.write(〃系统已检测到您的分辨率为:〃);
       document.write(〃< font size=3 color=red>〃);
       document.write(w+〃×〃+h);
       document.write(〃< /font>〃);
       document.write(〃正在进入页面转换,请稍候…〃);
       // -->
       < /script>
    展开全文
  • 电脑如何调整分辨率大小查看网页

    千次阅读 2019-08-24 09:54:09
    第一步,先打开网页,鼠标随便移入网页,在网页内部,右击检查,(电脑快捷键F12或者FN+F12,根据电脑不同可能快捷键有所变化)。 如上图,选中按钮,会出现如下图的选项调整位置。 这里选择Responsive表示自定义...
  • Image resolution,台湾译为“解析度”,香港译为“解像度”,中国大陆译为“分辨率”,泛指量测或显示系统对细节的分辨能力。此概念可以用时间、空间等领域的量测。日常用语中之分辨率多用于视频的清晰度。分辨率越...
  • 为大数据展示做的1080P网页在小米、乐视电视上无法全屏播放,通过贴子资料小米电视分辨率的设置方法,应该只适用于盒子设备 2 问题排查 2.1 Android原生开发的壳子应用分辨率 经过代码获取测试输出展示 分别率:...
  • 获取网页分辨率及页面大小

    千次阅读 2007-04-08 17:23:00
    javascript脚本判断网页分辨率:var a=screen.width;//宽度screen.height //高度根据分辨率加载不同的flash:script type="text/javascript">if (screen.width>1100) Insert_Flash(flashcontent,"1280.swf","100%...
  • 要设计一个在电视上显示的网页,要考虑一个问题, 电视屏幕有不同的大小,还有不同的分辨率。但是网页是固定一个的,所以设计网页的时候,要考虑适应不同的分辨率。 首先要理解两个概念:背景区域: 背景区域就是一...
  • 如何让网页自适应分辨率

    千次阅读 2016-06-22 18:55:41
    首先分辨率是什么? 打个比方。分辨率为1366×768时,就是指在等离子屏幕的横向上划分了1366 个像素点,竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高,同一个图片就显得越小越清晰,因为图片的...
  • 网页不同分辨率适配

    千次阅读 2020-11-17 16:35:33
    你大声的嚷着你的手机分辨率就是1920*1080的,这是你攒了足足两个月的钱后在小米官网买的红米手机,绝不可能有假。 你写了一个宽为 960px 的 div,用手机的浏览器横屏打开后,你期望这个该死的 div 会和在电脑上的...
  • 网页图片显示分辨率与实际分辨率不一样
  • 我自己测试用,打开一个webview.加载一个本地的网页,可是在6p上测试感觉有一点点模糊,可不可以用什么办法让她看起来清晰呢?
  • 网页自适应屏幕分辨率

    千次阅读 2014-03-05 16:54:46
    这是我写的一段让网页自适应屏幕分辨率的代码。贴出来,欢迎补充。 /** *让网页元素自适应所有的分辨率的脚本 *作者:wikies 1175551641@qq.com *时间:2014.02.05 */ /** *包说明: *应用背景:目前的网页在各个...
  • user-scalable=no  将控制用户无法进行触屏扩大或缩小网页,对于一些特殊情况会很有用
  • 这是一篇关于网页设计尺寸和屏幕分辨率的相关知识。
  • Web分辨率以及网页测试

    万次阅读 2018-09-07 10:19:19
    常用分辨率有一下几种: 16:9宽高比的分辨率有: 1366*768(18.5寸), 1920*1080(21.5寸,23寸,23.6寸,24寸,24.6寸,25,27寸) 16:10宽高比的分辨率有: 1280*800(13.3寸,14.1寸,15.4寸笔记本), 1440*900(17.1寸...
  • 主要介绍了JS获取当前网页大小以及屏幕分辨率等,方法虽简单,但比较实用,需要的朋友可以参考下
  • 怎样让一个网页在相对本身较大的分辨率上居中,在较小的分辨率是自动适应?是不是需要用函数判断一下,或者说怎样让一个网页适应不同大小的分辨率的电脑呢?
  • 在ie6里,带默认下滑条,用div布局效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...<
  • 用IE打开随便一个网页,然后 在IE的收藏夹选中这其中的任何一个url文件, IE将自动变成指定的大小, 这样就可以看到该分辨率下最大化的页面效果。 是Web开发人员的好助手。 另附SaveAs实用工具, 可以对网上的任何...
  • 可以看出,pc端分辨率前四 1920*1080 1366*768 1440*900 1024*768 ...手机端分辨率前三 ...如何在chrome中查看网页不同分辨率下的表现 f12打开控制台 选择edit添加自定义分辨率 如果是手机端注
  • 每个电脑的分辨率不一样,开发人员在设计网站的时候,经常遇到如何让工程师设计的网站适应不同分辨率的网站,下面文档中详细说明了这一点,
  • body onload="window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)">
  • Viewlike 是一款新推出的工具,帮助你检查浏览器在不同分辨率下得呈现情况。http://viewlike.us/很喜欢这个工具!!! 转载于:https://blog.51cto.com/lflianglan/1271939...
  • 伪造访问网页分辨率,利用HOOK拦截修改,纯源码.伪造手机访问,可以用来伪造自己定义的各种分辨率,实现伪造手机分辨率访问的效果,UA,IP那些伪造应该都比较简单.。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,791
精华内容 21,116
关键字:

网页分辨率如何查看