telegram中文

I Love Adaptive 可查看网站在不同手机、平板、电脑萤幕尺寸上的呈现效果

       

以前制作网页大多要担心的就是在不同浏览器上可能会发生不同的问题,或是要去注意到不同萤幕尺寸呈现出来的效果会不会有跑版、破图等等的状况,现在还要再加上各种不同厂牌的手机、平板,,

如果手边又没有那麽多装置可以做测试的话,要检查起来就更麻烦了。

「I Love Adaptive」这个网站就帮大众整体了一大些行动装置与各种的电脑萤幕图片尺寸,仅仅输入网址就能单独怎么查看在不一样装置上的呈现成果,对於 iPhone 的一部分还能手动添加掌握列,就能听到更相近实机的画面罗! Android 的部分组能提供的型号比较少,若是在网页上找不足要测试的机型,也能能手动输入欲测试机型的萤幕大小,同样能能进行测试。网站稳还许多的细节功能键,举个例子能能转为横向萤幕、禁滚动,亦或是比较两种不一样的的设计、比较两个不一样的的网页等,有也可以的都能能试试哦!  
  • 网站名称:I Love Adaptive
  • 网站网址:
  •  

    操作画面:

    开启网站後,在右下方输入欲测试的网址,然後键后右侧的「?」。



    下方就可以看到在不同装置上网页的呈现效果,可实际滚动操作、点击连结。预设是 iPhone 的部份机型,在右侧可以加入 Andoird,或是切换到平板、电脑萤幕等。如果都没有需要的萤幕尺寸,也可以点击「Custom size」手动输入需要的尺寸。



    在左侧栏中,可以旋转萤幕方向、加入 iOS 的控制列、禁止滚动……等。



    如果需要比较两个或多个不同的网页或是更直观的比较目前网站与新的网页设计,可以在上方切换到「COMPARE URLS」或「COMPARE WITH DESIGN」就可以更容易的比较差异了。

    最後自动更新:05-13, 2021 早上 3:27 TAG:
    相关资讯

    发布留言

    telegram中文版 telegram中文 telegram下载 电报中文版下载 telegram中文电脑版 telegram中文下载 纸飞机中文版