问题标签 [browser-width]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery Sticky Nav 和响应式设计的问题
我遇到了一个问题,我无法在向下滚动页面时使用此代码修复粘性导航。
我希望 js 不做任何事情如果浏览器窗口宽度低于 720 像素,它可以工作,但仅在第一页加载时有效。我的意思是,如果我在粘性导航处于活动状态时调整窗口大小,即使我在 720 像素以下调整窗口大小,它仍然保持活动状态。这是jQuery:
谢谢你的帮助
media-queries - 如何运行 jquery 函数但仅当浏览器窗口宽度> 1024px 时?
这是我想添加到我的响应式单页网站的功能,但仅当浏览器宽度大于 1024 像素时。
我对 jQuery 的了解很少。这是我现在的代码:
这是我在加载此函数的 HTML 中的代码:
另一个问题,当这个函数没有被触发时——例如,当用户在宽度小于 1024 像素的设备上加载网站时,他们还需要加载 javascript 文件吗?
jquery - 在浏览器中模拟窗口尺寸
我正在开发一个 WYSIWYG 编辑器,用于构建响应式布局(通过 Bootstrap),作为一个副项目。我希望我可以构建它以使用缩放/滚动功能(类似于 PDF 查看器或 Photoshop),并允许用户设置/更改网站在其中呈现的“窗口”的尺寸。
为了确保 WYSIWYG 编辑器正确显示布局,我想把它放在一个 div 中,并将 div 的尺寸设置为我正在模拟的浏览器窗口的尺寸。这是否可以开箱即用,使用流式布局?否则,我可以编辑 JS 以查找目标 div 而不是窗口以检测尺寸,但我更喜欢前一种方法。
谢谢!
jquery - 每次将浏览器的大小调整为小于 1600x1020 时,从 var 中减去 1,值为 100
每次我将浏览器的大小调整为小于 1600x1020 时,是否可以减 1?
我知道我需要从 resize 函数开始,但是我该如何将新值存储在可以在新函数中使用的位置?
不知道该怎么做。
php - 关于浏览器宽度的 PHP If 语句 w/bootstrap
好的,所以我正在制作我的网站的 2.0 版本并完全重新设计我在引导程序中引入的布局,因为我主要想做的是使网站对移动设备友好,所以基本上我想做的是沿着这行并在 php 中完成
我希望这是有道理的,我一直试图弄清楚这一点,但无济于事。
javascript - jquery根据浏览器宽度改变
如果浏览器宽度 > 760 像素且小于 980 像素,我希望 Div 标签为空,但看起来我做错了什么
任何帮助,将不胜感激
谢谢
image-resizing - 根据浏览器宽度更改图像大小
我想将 10px 添加到图像的宽度,与浏览器窗口宽度的 100px 变化成比例。那可能吗?
javascript - 如果低于特定浏览器宽度,则不显示链接
我有一个链接:
我不希望它在浏览器宽度低于 800 像素时显示。我将如何做到这一点?
javascript - phantomjs图像宽度没有达到预期
当我使用以下代码使用 phanomjs 截屏时工作正常,我得到的宽度为 1920px,高度对我来说不是问题。
但是,当我将维度设置为
生成的图像宽度为 602px。
如何使用 page.render() 函数设置屏幕截图的宽度?
javascript - 我可以在我的 CSS 样式表中链接外部 javascript 吗?
我正在尝试设置一些东西,我的背景会根据用户的浏览器宽度进行缩放,但我被绑定到外部样式表中某个元素下的背景设置。我可以改变背景,我可以修改它的属性,但我不能用 html 背景替换它。
我一直在为此研究解决方案,但其中大多数似乎都不起作用。我什至尝试链接(在 html 中)一个外部 JS,它检测屏幕分辨率并相应地选择一个 bg 文件,这正是我需要的,只有浏览器根本没有检测到它,无论我将脚本嵌套在 html 中还是只是链接它。所以我正在寻找一种方法将它链接到 CSS 中的 bg 设置下。根据我的阅读,这是“可能但有风险”,没有关于如何完成的真正说明。
尽管有风险,我愿意尝试,但我也愿意接受其他建议。我所需要的只是能够为小型手机和其他所有东西设置两个不同的图像文件(相同的图像,只是缩放不同)。我已经看过 srcset 了,但这需要嵌入到 html 中,所以它不适合我,虽然我很兴奋。我不介意自己实际编辑图像。