responsive

0热度

1回答

我已经得到了下面的CSS其目的是调整到中等大小有一定的列数，则全角项目在小/移动尺寸。一切似乎工作，不同之处在于在所述外容器上的介质/片剂大小，边距（例如），具有.columnContainer类，显然丢弃。我用尽了一切我能想到的算出这个，并撞到南墙。在此先感谢您的帮助，您可以用CSS在这里玩：https://jsfiddle.net/xvLmhfpa/ // This is getting s

-1热度

3回答

如何将div的大小调整为50％

问题是我无法将框的大小调整为50％，它们只是保持全宽。 * { margin: 0; padding: 0; box-sizing: border-box; } /* Mobile Styles */ @media only screen and (max-width: 400px) { body {

0热度

1回答

IOS（Safari）的Bootstrap hamburgermenu（崩溃）可见性问题

我有一个使用bootstrap的响应webapp。当移动大小的汉堡菜单显示在标题中时。当点击一个pc/mac/android手机时，它显示正确..但是，当用iOS-Safari点击时，它显示了四分之一秒，并且再次隐藏。我怀疑这是一个高度或Z指数的问题，但我不知道，我一直无法解决它。你可以试试www.gjovikhk.no。不管怎么说..这里是标题和菜单的HTML代码： <div id="me

0热度

1回答

CSS旋转的Flex布局90上移动

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

0热度

2回答

媒体查询用于桌面和iPad的景观

因此，有如下的两个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创建的'第二行'中对齐flex项目：包装

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

2热度

3回答

介绍一个<br>下768pixels设备宽度

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

0热度

5回答

响应式CSS表格

我创建了一个表格宽度为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回答

Flexbox布局。无法将相框的宽度设置为

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