viewport

    0热度

    1回答

    我试图在visual 2010上使用引导程序库创建我的第一个响应式网站。我的登录页面的背景是在页面中显示的图像。这就是为什么我使用viewPort在手机上进行调整... <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>它在所有浏览器

    1热度

    2回答

    情况: 我写了检测<section>是否已经进入滚动通过视功能,如果是这样.addClass('fadeInUp')其他.removeClass('fadeInUp')导致.animation-element淡入视口。 问题:由于条件被绑定到的滚动功能,最初加载的第一<section>不.addClass('fadeInUp')直到用户滚动过去然后滚动回<section>。 View JS Fid

    1热度

    1回答

    我正在开发手机的网络应用程序,我遇到了一个奇怪的问题。 我有一个简单的页面,背景图片和中间位于页面中间的输入字段。 问题是每当我点击输入框并且虚拟键盘出现时,根据剩余的页面空间重新计算背景图像和输入字段尺寸。 希望的行为是整个页面将被推高。 相关的代码(我与发展中国家反应,因此怪异的名字) <html> <head> <meta name="viewport" content="wid

    0热度

    1回答

    我有一个包含多个标题元素的HTML页面,比如h1元素。这些元素具有一个id,因此如果设置了URL的片段部分,则会滚动该页面以使该元素位于视口的顶部。 但是,当页面没有足够的内容时,文本将不会位于顶部。 如何将空间添加到页面的底部,因此URL的片段部分所针对的标识为id的元素将位于视口的顶部? 我想我需要获取JavaScript来获取URL的片段部分,如果已设置,则计算要添加到页面底部的空间,以便将

    1热度

    1回答

    我一个GIF动画文件时,DIV容器出现在视口中替换JPG文件。有用。重要提示:gif文件没有循环。 我的问题是:当你再次滚动时,即使有点,上或下,替换再次播放。 第一次更换后是否有简单的解决方案来阻止此事件? 感谢 jQuery(document).ready(function($){ \t \t var $window = $(window); \t var $elem = $

    0热度

    1回答

    我制作了响应式网站,并使用视口元标记修复了不同设备上的缩放比例。我还用JavaScript来告诉设备不低于规模525px,因为这是我的身体元素的最小宽度: <meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />

    0热度

    1回答

    根据documentationExtendViewport应该扩展视图并保持宽高比,但是每当我尝试时实现这个viewPort Ive在手机屏幕的边上有两个横条。 (这是示例背景图片,其上带有一些文本和按钮以检查拉伸将如何)。 代码: public class Overlap2d extends Game { public static float ASPECT_RATIO ; public s

    0热度

    1回答

    每当我尝试将视口设置为舞台时,放入场景中的演员都很模糊,而且非常大。我想将我的游戏世界大小设置为50x100单位的矩形,然后根据该单位缩放所有内容(精灵,演员,标签,字体)。每个州inharitate形成一类国家提供渲染功能等 public abstract class State { public static final float GAME_SIZE_WIDTH = 50 ;

    2热度

    1回答

    使用bootstrap 3.3.6.css和jquery-1.11.3.min.js。 已经工作的网站,并定期测试它的一切,一旦足够的已经作了修改。我在测试Galaxy S4显示器时稍稍落后,所以今天只发现该网站大约是它的大小的1/3-1/2。 于是,我开始在逐节空白index.html,然后逐步加入了一切。在所有这些过程中,显示​​器看起来都很好,但是,我注意到在某些时候,显示器开始很小,但最终

    2热度

    1回答

    我使用下面的jQuery来获取浏览器窗口DPI,并希望加载不同布局模型上不同的设备我的应用程序: $("body").append("<div style='poosition:fixed;width:1cm;height:1cm; 'class='SCREENDPITEST'></div>") var dpi = Math.floor($(".SCREENDPITEST").width()