responsive

    -1热度

    2回答

    我正在使用bootstrap框架,我正在寻找3个图像,如下面的jsfiddle链接所示当窗口大小变化/监视器大小太小而无法显示完整大小的图像时, 。重要的是图像保持在同一行(如果可能),两者之间没有间距。 <img src="http://via.placeholder.com/660x160.png"><img src="http://via.placeholder.com/350x160.pn

    0热度

    2回答

    如何使该容器响应,以便文本和img自动成为块元素。我尝试了Flex方向,但无论如何它没有工作。如有必要,可有人纠正我的代码,并建议我媒体查询规则来进行响应式设计 <div class="top"> <h1>Welcome</h1> <div class="portrait"> <img src="https://pixy.org/images/placeholder

    0热度

    3回答

    我有一个非常宽的图像,超过大多数查看宽度,必须使用<canvas>标记呈现。我将如何隐藏溢出并将图像居中? 换句话说,我正在寻找相当于background-position: center的画布。 理想情况下,这将以响应的方式完成 - 因此如果查看窗口大小调整,图像保持居中。 下面是一个例子: window.onload = function() { var canvas = doc

    0热度

    2回答

    我基于一个大的图像(7000 X 5321)上工作的一个项目。该图像将像一张巨大的地图。在这个地图的用户将有主要兴趣点,所以我的目的是,一旦页面加载,这点需要在视口的中心,从那里中心,用户将滚动水平或垂直。 我的问题是,虽然我可以用我的脚本调整滚动位置,但我需要此页面进行响应,因此需要根据窗口视口来完成基于窗口视口的调整,而不是基于图像的大小并不知道这是否可以完成。 在下面的代码片段,你可以看到我

    0热度

    3回答

    我编写了xPages一段时间,但这是我第一次使用Bootstrap并使xPage响应。 我在Domino 9.0.1和ExtLib版本9.0.1(20160428)中使用Bootstrap 4。我的xPage包含一个自定义控件,其中包含一个包含3个表格的应用程序布局,其中1个包含4列(需要响应)。 我的x页面没有响应,我不确定这是为什么。我浏览过所有网站上的文档和其他问题,并且我有几个问题: 1.

    0热度

    1回答

    我开始使用paper.js,并在添加和定位新点时遇到一些问题。我想在左下角和右下角添加2个新点,以获得更多高度。现在我玩了演示代码,我有这个:(见下图)我想用它作为移动的背景。 1.我如何增加2点以增加空间和高度? 2.当我达到此目的时,我如何控制它使其响应(平板电脑,手机等)? 这是example code working。 <script type="text/paperscript" can

    -1热度

    1回答

    应该使用什么屏幕尺寸和分辨率来设计混合应用程序。我需要知道符合所有平台的标准尺寸和分辨率。

    0热度

    1回答

    我在纯粹由边框制作的codepen上找到了这个设计,我应该如何才能让它响应? 使用宽度%在这里似乎不起作用,也没有设置最大宽度或创建div容器。 body { margin: 0; padding: 0; z-index: 0; overflow-x: hidden; } .triangle, .triangle--1

    -2热度

    1回答

    我有5个图像列的问题,在移动时,大小与其他3列的大小不同。这适用于景观移动,但肖像看起来很糟糕。 有没有一种方法可以确保色谱柱总是一致的? 寻找一些CSS代码添加如果可能的话。 http://www.temp.lpwgroup.co.uk.gridhosted.co.uk/它的客户端图像

    0热度

    1回答

    我有一个导航栏,我有一些文字直接在它上面的导航栏下方的图像前面。这个图像是响应式的,所以它根据尺寸的屏幕。但是,当我将屏幕调整到最小尺寸(即移动设备上的尺寸)时,图像会保留在一个位置,但通常会固定在图像前方的文本会向上推,在导航栏后面。你能帮忙解释这是为什么吗?这是我的代码。 HTML <header> <!--Navigation Secton--> <nav class="