responsive-design

0热度

1回答

这是我的表单，当我在电脑上显示它有一个很好的尺寸和表单输入是在同一行，但在我的平板电脑（7“ ），它保留了相同的尺寸和输入太小那里。我该怎么做才能让我输入的平板电脑更大？每个输入一样宽屏幕。感谢 <div class="col-md-6 col-md-offset-3"> <div class="form-group row"> <div class="col-sm-5">

0热度

1回答

Firefox ver 56 Responsive Design Mode失败

我想用Firefox的responsive design mode来测试我的网站。起初我没有得到可选设备的下拉列表。我试图通过遵循steps described here来解决此问题。虽然我现在得到了所需的下拉菜单，但“框”仅显示我访问的任何网页的空白页面。此外，该标签变得完全没有反应，即我无法返回到常规观看模式和/或加载另一个网页。任何想法？提前致谢！仅供参考，我在FF 56.0.1 bu

0热度

2回答

好/导航栏的引导行为不响应

如何使我的网页响应，了响应我的意思是它看起来应当是相同的在台式机和笔记本电脑same.But我的笔记本电脑和3得到很好（Bootstrap类）的两排我想它有3行。我有一个像素设计，我需要实现高度和宽度的百分比，使它看起来相同。我有相同的笔记本电脑和桌面的CSS如何可以这是可以实现的。我有一个导航栏，我需要把它放在一个容器，使其响应？请帮忙。 <!DOCTYPE html> <html>

1热度

1回答

如何使文本在响应标题（flexbox）中不与外部容器重叠？

我试图做一个负责任的报头看起来好于大多数屏幕分辨率（宽度：320-1920px）与媒体查询的最低使用：但是当我缩足够宽度，文本开始重叠外容器：首先想到的是对li元素使用overflow: hidden;但它不看任何好转：下面的代码： http://jsfiddle.net/Hardcore/hxgbk6m0/1/ 当边框li元素开始接触文字时，我希望它不再缩小，所以文字不会重叠li元素的边框

0热度

1回答

需要帮助，使这种输入形式响应

我想使这种形式响应。我添加了Bootstrap，但它似乎不起作用。我在网页上添加了这些代码，并在移动设备上进行了相同的检查：表单元素混乱了。有人可以提供特定的帮助指针吗？这是我工作的代码： https://codepen.io/mohdahmed/pen/jaOOwb 这里是相应的HTML和CSS从我CodePen复制： .mc-container { width: 70%;

0热度

2回答

如何将一个汉堡图标垂直居中在一个div中？

我有一个包含有3 <span>做一个汉堡图标是另一个元素中的导航菜单： .navbar { width: 100%; color: #fff; background-color: #df0024; padding: 1% 0; } .tog { display: flex; cursor: poi

1热度

1回答

Bootstrap 4传送带空间到右边

我有一个Bootstrap 4传送带空间到右边的问题，它与页面没有很好的对齐。示例在这里：http://jsbin.com/wakuyiqebu它在移动设备上更加引人注目。 <div class="col-12 col-sm-12 col-md-12 col-lg-5 bg-dark"> </div> <div class="col-12 col-sm-12 col-md-12 col-lg-

0热度

1回答

Flexbox的栏布局响应与列重新排序没有固定的高度

我试图用Flexbox的做到这一点=> 桌面： | | | block 1 | | block 2 | | | | block 3 | 移动： block 1 block 2 block 3 我来到这个 .cont { display: flex; flex-direction: column; flew-wrap: wrap-reverse;

-1热度

3回答

如何使桌面和移动设备响应？

我已经使用CSS和Bootstrap做了这个设计。我也在使用Bootstrap。发生的问题是这没有响应。任何人都可以帮助我做出响应？ HTML： .ordering .spanone { position: absolute; width: 100px; left: 43%; right: 50%; font-size: 25p

0热度

1回答

CSS 2流体1固定列

我正试图实现这种布局。左栏固定大小右栏流体，它可以具有元素x个内，例如高达4分格50像素宽（这是动态地完成），所以它必须是最大200像素宽，或如果它具有3个这样的元素，那么它必须是150像素宽... 中心柱流体，需要所有的休息空间最接近予HA已经来是这样的： #container { overflow:hidden; width: 100%; }