responsive

    0热度

    1回答

    度 我试图得到一个响应的布局,在桌面上的样子: 和移动基本上是这样的,该90度旋转: 我已经拿到了桌面上的工作,与手机版几乎工作,但我的方法来移动版本觉得不妥。这感觉就像一个'重做'关闭弯曲和使用浮动。当我真的只想把我的“行”到“列”,但我已经尝试和失败使用我从这里拿了宽度和流动方向的组合: https://css-tricks.com/snippets/css/a-guide-to-flexbo

    0热度

    2回答

    因此,有如下的两个div: /*for ipad portrait and landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .aclass { display: block; backgrou

    0热度

    1回答

    我遇到了问题Isotope。 除了当我过滤项目时,它们都以奇怪的方式调整大小,好像项目相对于其旧宽度而不是容器宽度调整大小似乎一切工作。 我让你看看你自己在这里:https://codepen.io/anon/pen/RLPbpd(点击红色按钮组来看看)。 我想每一个过滤器后布局: $iso.isotope('layout'); ,并销毁同位素,然后重新初始化,但没有解决它。 我.grid-s

    0热度

    1回答

    我想要对齐通过flex-wrap压入第二行的项目(项目数量可能有所不同):当窗口浏览器的大小调整到900px以下的右侧。 我用柔性包装:包装,因为最初的问题是,整个菜单栏太宽,当浏览器窗口中有过小。 裹解决了这个问题,但随后崩溃的子菜单中的“棒”菜单栏(如链接3.1后面链接7) 的主要元素背后如果有人可以提供比柔性更好的解决方案包装:我会很高兴欣赏这一点。 我试图用不同版本的justify-con

    2热度

    3回答

    我有以下长字幕: Selbsterfahrung | Persönlichkeitsentwicklung| Gesundheitsprävention 其HTML看起来像这样: <h2>Selbsterfahrung <span class="divider"> | </span> Persönlichkeitsentwicklung <span class="divider"> | </spa

    0热度

    5回答

    我创建了一个表格宽度为4的图像,这些图像放置在一行和四列(1x4)中。 <table class="insrtTable"> <tr> <td><img src=Guitarra.png></td> <td><img src=Bajo.png></td> <td><img src=Teclado.png></td> <td><img sr

    2热度

    3回答

    一直在浏览我的问题解决方案的网络,所有柔性盒的宽度相同,但没有运气。所以我试着在这里问你。 正如您所看到的,如果描述很长,那么该框也会更宽。一直玩word-wrap: break-word;没有任何运气。 请参阅下面的代码段或jsfiddle。 .buttons { display: flex; } .buttons>a { margin: 0 5px

    0热度

    1回答

    我试图将图像作为背景图像和背景上的一些文本。问题是:div的高度必须与背景图像高度相同。 HTML <div class="pict-cont"> <div class="text">enter code here` <p style="color: #333">some text some text some text</p> </div> </div> C

    1热度

    2回答

    新手开发人员,真的很沮丧,并在栈上找到答案,但还没有找到! 我这里有一个网站:https://andymay101.github.io/emilyandywedding/ 代码是在这里。有一个带有5个菜单项导航的正文背景图片的div容器。 ,当我在浏览器中调整我的平板电脑/台式机上,但是,当我浏览到手机上有空白的空间,整个网站没有调整到适合看起来不错。已经尝试添加最小高度100%至身体, 产品图附

    0热度

    1回答

    为客户制作新闻稿3天后,我遇到了问题。 我制作了一个部分,左侧是一张图片,右侧是一些文字。 This is what it looks like 这是代码: <div class="column narrow" style="text-align: left; color: #430861; font-size: 16px; line-height: 24px; font-family