media-queries

0热度

3回答

我遇到了@media查询问题。当我调整浏览器（chrome）时，它不会缩小。我已经尝试了几个解决方案，并且无法使其工作。我确定这是一个简单的用户错误，但是从我看过的不同文章和博客看来，这是合乎逻辑的解决方案，应该可以工作。 <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="body

0热度

1回答

加载Sass媒体查询的部分顺序

这更像是一个最佳实践问题。我正在基于Bootstrap和Sass的网站上工作，我在“main.scss”文件的开头部分导入partials，但对于媒体查询，这意味着我必须重新编写代码以用于媒体以来的某些断点首先加载查询，然后加载其余的页面样式。对于例如为： // _media_queries.scss (loaded first) @media(max-width:767px) {

0热度

2回答

需要两列堆栈而不是重叠的移动

我试图使这两列响应，但无论我尝试，它们重叠。任何帮助，将不胜感激！ #serviceTop{width:48%;margin:0 0 0 160px;} #minicontact{width:25%;float:right;margin:-525px 155px -5px 0;} #button4{margin:0 0 0 122px;height:55px;width:145px;

-5热度

1回答

用@Media查询改变主题

我在我的页面上有一个div;这个div在桌面视图中包括img（顶部div）和文本（div底部）;我想要移动视图，img和文本内联。你可以帮我吗？ enter image description here 我的代码： <div class="ph-cnt mui--z2 col-lg-2 col-lg-offset-1 col-md-2 col-md-offset-1 col-sm-10 col-

0热度

1回答

聚合物铁媒体查询不在dom重复元素上工作

我在这里看到了很多关于在Polymer上使用flexbox和铁媒体查询的问题，但没有一个真正解决了我遇到的问题，这是相当一个简单的。我有一个dom-repeat模板，它在屏幕尺寸小于600px时垂直显示纸卡元素。我希望它们在屏幕展开大于600像素时水平显示，如果它们不能全部适合一行，最终会分成若干行，这些都必不可少。下面的代码仅在屏幕扩展到600像素以上时才垂直显示卡片。我可以在纯CSS中做到这一

0热度

3回答

响应性使用媒体查询

@media all and (max-width: 800px) { /*Charts*/ .chart-1 { width: 100%; margin-bottom: 20px; margin-left: 5%; box-shadow: -1px 3px 3px 3px rgb(167,167,167)

0热度

1回答

一饮而尽/的WebPack项目的一些模块编译笔

一饮而尽/的WebPack项目的一些模块时，将多余的空格为0 \\ 0 @media设置空间为0 \ 0 @media编译手写笔CSS时 all and (min-width:0\0) and (min-resolution:.001dpcm) ，在这里我得到什么： @media all and (min-width: 0 \ 0) and (min-resolution: 0.001dpcm

-1热度

1回答

如何增加手机的导航栏大小？

我已经完成了Bootstrap3.6的编码。当我打开小设备的导航栏时，所有工作都完美无缺，但是我在导航栏上给出了标志和网站名称，小屏幕网站名称会出现在导航栏外。请细下面的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible"

0热度

1回答

针对iPad的Safari浏览器（仅限于）针对iPad和更低版本的Css媒体查询

还有其他几个帖子要求提供类似的解决方案，但我一直无法获得任何发布的答案以供我们使用。我们需要针对Safari浏览器在iPhone和iPad /* Safari 7.1+ */ @media only screen and (max-device-width: 768px), only screen and (-webkit-min-device-pixel-ratio:0) { .h

1热度

1回答

在Javascript事件监听器中包含CSS媒体查询

我有这个JavaScript代码，使我的网站的顶部导航缩小。见下文： <script> function init() { window.addEventListener('scroll', function(e){ var distanceY = window.pageYOffset || document.documentElement.scrollT