腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
仅当屏幕宽度小于600px时,才使div从底部消失850px
javascript
、
html
、
jquery
、
css
我有这个函数可以让我的div从页面底部消失850px <script type="text/javascript"> $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() - 850) { $('.guide').hide(); } else { $('.guide').show(); } }); </script> 但我希望只有当
浏览 6
提问于2020-11-05
得票数 0
2
回答
绝对定位CSS3关键帧动画
css
、
css-animations
所以我想把这个糟糕的动画放在屏幕的底部。很简单,对吧? 不是的。当我把position: absolute放到marquee-container上时,动画似乎从屏幕上消失了。 我觉得我在做一件很愚蠢的事,但我看不出是什么。
浏览 1
提问于2012-06-20
得票数 0
2
回答
自动扩展背景图像
html
、
css
、
image
、
background
我正在尝试使用一张图片作为我的背景。页面内容的高度为800px。因此,在较高的屏幕上,你应该能够看到内容后面的背景图像块,而在较短的屏幕上,它可能完全适合,这样内容就会在屏幕底部结束,下面几乎没有背景图像。 我想让背景图像自动延伸,这样无论屏幕的大小是多少,它都会填满整个屏幕。我尝试了几个方法,比如将img.extfullbackground的高度设置为自动,但是滚动区域变得很小(比如3000px),100%只显示内容的大小。 有人知道我如何让背景图像自动扩展到屏幕的大小吗? 下面是我的HTML代码片段: </head> <body class="extfullba
浏览 0
提问于2013-06-03
得票数 1
回答已采纳
2
回答
在移动设备上将页面列表动态显示为一行
javascript
、
jquery
、
css
、
mobile
我有一个锚元素列表(它是页面底部的一个页面导航器)。在移动端,列表被换成两行。为了便于移动使用,我希望将其保持在一行,并且只显示适合屏幕大小的页码。我不想做whitespace: nowrap;或overflow-x: scroll --我想让尽可能多的元素显示在一行上,而不是滚动或消失在水平的以太中。 我想我应该用jQuery来决定窗口的宽度,如果列表的整体宽度超过了屏幕的宽度,那么只显示活动页面div两侧适合一行大小的元素。有没有“选择一定数量的兄弟姐妹”这样的东西? 我知道jQuery中存在.siblings()以及CSS同级选择器,但它们要么选择所有同级,要么只选择一个紧邻的同级。我想
浏览 19
提问于2017-01-20
得票数 0
1
回答
Flex CSS阻塞底部内容
html
、
css
、
flexbox
、
display
想知道有没有人能帮我。我使用以下代码,即div中的显示内容,但是每当我将数据加载到DIV中时,它就会很好地加载,滚动条就会出现。然而,最后的结果总是显示一半。 如果我在下面添加了一个空格,它就解决了这个问题,并且我可以滚动超过最后的结果。 <div style="height:300px;"></div 但是,这不是很好,所以我的问题是是否显示: flex允许您以某种方式添加200 to的底部缓冲区?我读了很多关于的文章,但没有找到解决方案。 全码 .headerbar { background: #333333; position: fixed;
浏览 0
提问于2018-12-09
得票数 4
回答已采纳
1
回答
100%宽度内居中的DIV创建填充-对吗?- HTML/ CSS
html
、
css
我正在做这个布局,但是我已经在1000 it上的100% div中设置了包装器(.lfull),但是在我将窗口调整到1000 it之前,它会在右边创建空格。 当我从包装器(.lfull)中删除"width: 1000px;“时,填充就会消失,但我的内容将不再居中,这是修复这个问题的一种方法吗? (将屏幕大小调整到1000)
浏览 7
提问于2014-06-12
得票数 0
回答已采纳
1
回答
引导列,使其隐藏而不是在下面。
css
、
html
、
twitter-bootstrap
我有2分钱 <div class="col-lg-10 hidden-md">ABC</div> <div class="col-lg-2 hidden-md">123</div> "ABC“的内容不会调整大小(有意) 当没有足够的空间来容纳"123“时,Bootstrap将把它移到"ABC”下。我希望"123“在这种情况下”消失“(),而不是”下的“。 有办法吗? 注意,我已经把它藏在md和下面了。
浏览 5
提问于2015-02-18
得票数 3
回答已采纳
2
回答
Topdiv宽度为100%,但正文宽度为600px
css
、
html
、
width
我正在尝试创建一个div (topbar) (width = 100%;)。下面我希望我的主要内容与我的主要内容在div中。这需要是600px的宽度和中心在屏幕上。 通常我会设置body width = 600px和margin: auto,但是我的顶部栏被缩短了。 做这件事最简单的方法是什么?
浏览 0
提问于2013-01-31
得票数 0
回答已采纳
1
回答
当分辨率低于768px时,bootstrap 3中的响应表加入
css
、
angularjs
、
twitter-bootstrap-3
、
responsive-design
、
html-table
我有一个页面,其中我使用了多个表;ng-repeat指令。下面是我的网页中的html代码。 <table class="table table-bordered" ng-repeat="item in jsonArray"> <thead> <tr> <th colspan="2">Title</th> </tr> </thead> <tbody> <tr> <td id="Id"
浏览 0
提问于2014-12-10
得票数 1
1
回答
如何使用marginLeft而不是scrollLeft来水平滚动带有箭头的div?
javascript
、
jquery
我试图通过改变div的边距来用箭头水平滚动div,因为使用scrollLeft属性需要我将overflow设置为隐藏在div上,这与我的悬停效果不太匹配。 但我不知道如何设置它,使div在水平滚动时与div左右两侧的窗口完美对齐,无论是在pc上还是在移动设备上。 我通过计算css设置的实际边距(‘left -left’),当边距为零时,我设法让左箭头停止工作。但是我不知道如何对右箭头做同样的事情,也就是说,当div到达滚动结束时。 下面是div的样子(在大网格下面,有多个项目)-- import $ from "jquery"; export const LeftArrow
浏览 2
提问于2019-09-13
得票数 1
2
回答
组合宽度和最大宽度
css
假设我有这个: .box { width: 600px; height: 300px; background: green; max-width: 80%; } <div class="box"></div> 从这个角度来看,只要不超过600px,盒子就会占据父容器的80%。一旦父框进一步伸展,框的宽度将保持不变,并且不会占据页面的80%。对吗?
浏览 0
提问于2016-10-31
得票数 0
1
回答
缩小井宽和场宽
html
、
css
、
twitter-bootstrap
我在网上找到了一些注册表格的代码,我正试图根据我的需要对其进行修改。 我试图使井宽变小,但我注意到<div class="well well-sm">和<div class="well">并没有改变井的大小。 设置一个固定的,例如,<div class="well" style="width: 600px">使良好左对齐在页面上,而不是对它的中心,这是我想要的。如何使井宽变小? 另外,在浏览器崩溃/增长时,修复文本字段的宽度以防止它们变得太宽的正确方法是什么?
浏览 0
提问于2014-05-18
得票数 2
回答已采纳
1
回答
实现不在移动视图中工作的网格s12
materialize
我正在尝试建立一个使用红宝石的rails网站,它将在不同的屏幕尺寸上有不同的样式,我正在使用materializecss这样做。 面临以下问题: <div class="row"> <div class="col m2 l3 blank"></div> <div class="col s12 m8 l6 yield"> <%= yield %> </div> <div class="col m2 l3 blank"><
浏览 1
提问于2017-03-19
得票数 2
回答已采纳
1
回答
多媒体查询不起作用。我不明白
css
、
media-queries
很简单,只要我一直在使用媒体查询,我就遇到了一个问题,当我尝试这样组合它们时(如下所示) @media screen and (max-width: 600px) and (max-height:400px) { /* code here */ } 它从来不起作用,我总是不得不像这样把它们分开 @media screen and (max-width: 600px) { /* code here */ } 然后 @media screen and (max-height: 600px) { /* code here */ } 作为一个例子,这里有一些代码来说明我的意思。
浏览 2
提问于2013-11-23
得票数 0
3
回答
jquery <大于and >大于.width
jquery
、
css
、
width
我不确定描述这一点的最好方式。但是我正在寻找图像的宽度,如果它小于200px,它将对父div应用一个小于200的类。 $('.content').find('img').each(function () { var $this = $(this), width = $this.width(); if (width < 200) { $(this).parents('.container').addClass('under-200'); } }); CSS:.containe
浏览 1
提问于2012-02-06
得票数 1
回答已采纳
1
回答
zslider javascript只能在低于768px的屏幕分辨率下工作
javascript
我想在我的网站上使用zslider javascript,但谁能告诉我如何使它只在768px以下的屏幕分辨率下工作? 下面是zslider脚本链接: http://www.cssscript.com/demo/mobile-friendly-content-carousel-slider-with-pure-javascript-zslider/
浏览 1
提问于2015-11-06
得票数 0
1
回答
当屏幕小于992px时,将div移动到另一个div,并将其移动到大于992px屏幕的原始位置。
javascript
、
jquery
、
html
、
css
现在,当屏幕小于992 is时,我将div标记移动到另一个div标记。但是,如果屏幕再次大于992 be,则应该再次放置在原来的位置。 <div id="top"> <div id="translate-this"> <a class="translate-this-button" href="//www.translatecompany.com/translate-this/">Translate This</a> </div> </div>
浏览 2
提问于2015-08-01
得票数 0
回答已采纳
3
回答
怎么做?最小宽度、宽度和最大宽度(css)
css
我将我的主div设置为 max-width:600px; 但是,当内容不够长时,div将根据内容的长度调整大小。这是有道理的。 所以我转而声明: width:600px; max-width:600px; 但现在,当您调整窗口大小时,div不会缩小大小。我尝试设置最小宽度: min-width:200px; width:600px; max-width:600px; 但它仍然不会调整超过600px的大小(在窗口大小调整时); 那么我错过了什么呢?我可以同时使用所有3个宽度设置吗?(min-width,width,max-width)? 如果是这样的话,是怎么做的?我正在尝试
浏览 2
提问于2014-03-04
得票数 0
2
回答
CSS Flex间距问题
css
、
flexbox
我很难弄清楚如何让两列(当屏幕尺寸缩小时缩小为一个大列)显示它们的整个内容而不重叠。第一个是当应用程序在更大的屏幕上时,方向被设置为row。当屏幕尺寸变小时,我让它将伸缩方向切换到列,这很好用,除非我不知道如何让第二行(Trending Down)从Trending Up停止的地方开始,无论它在哪里。相反,它是从第二列开始的,就像你在图像中看到的那样。 下面是完整大小的代码: .playersColumns { display: flex; flex-direction: row; justify-content: center; padding-top: 28px; align-items:
浏览 0
提问于2017-11-17
得票数 0
1
回答
动态定位较少的元素
css
、
less
我有一个div (div1),它悬停在另一个div (div2)的右侧和底部(有点像工具提示)。当div2恰好离屏幕底部太近时,div1显然会(完全或部分)从屏幕上消失。有没有一种方法可以根据div2的位置将div1定位到div2的顶端,并且完全使用更少的JavaScript,而不是JavaScript。也许还有其他方式,但没有JavaScript。 谢谢。
浏览 0
提问于2015-04-01
得票数 0
5
回答
防止水平滚动条出现在溢出的Div中
html
、
css
当div .boxB溢出时,我试图阻止滚动条出现,我不确定为什么我的代码不能工作。换句话说,只有当浏览器的宽度小于boxB的宽度时,我才会尝试删除水平滚动条。这样,只有当浏览器宽度小于.boxA时,滚动条才会出现。 浅蓝色表示屏幕。黄色是背景div,水色是前景div,它的宽度超过了屏幕宽度。在这种情况下,我不希望出现滚动条。我使用过overflow-x:hidden,但这并没有起到作用。 HTML: <div class="boxA">boxA <div class="boxB">boxB</div> </di
浏览 0
提问于2012-09-15
得票数 1
3
回答
为什么我的英雄形象消失时,我在移动视图上的物理设备,但显示良好的Chrome工具模拟器设备?
html
、
css
、
debugging
我试图弄清楚为什么我的英雄形象消失时,我在一个物理设备在肖像模式。奇怪的是,当我使用chrome的开发工具的设备模拟器时,它会显示出非常好的响应性。 如果我从height: auto;中删除.image-wrapper img,那么我的英雄形象就会出现在我的物理设备上的移动视图中,但它不会在所有设备上响应。我真的需要那个height: auto;,这样它才能在所有设备上做出响应。 我能做些什么来解决这个问题? CSS和 @media (max-width: 600px) { .image-wrapper { background-image: url("https://ma
浏览 2
提问于2021-02-07
得票数 0
回答已采纳
3
回答
更改数字化仪视口以准确显示固定尺寸元素
viewport
我有一个宽1000px、高850px的超文本标记语言元素(它实际上是一个在画布标签上包含HTML5游戏的iFrame,但我希望这无关紧要)。 我希望元素呈现在平板电脑上,以便视口缩放以始终显示整个元素,而不显示其他内容。因此,当平板电脑处于横向模式时,两边都会出现空白;而在纵向模式下,则会出现下方(以及上方?)的空白。 在iPad2上进行测试时,纵向模式似乎可以开箱即用,视口会自动将元素放在顶部并进行缩放,以准确显示整个图像;但在横向模式下,它会做同样的事情,并切断底部。 我尝试了各种viewport元标签的组合,例如<meta name="viewport" conte
浏览 0
提问于2012-11-23
得票数 2
回答已采纳
4
回答
使用JS和CSS使标头仅对移动媒体固定
javascript
、
jquery
、
css
、
twitter-bootstrap
、
zurb-foundation
在这里,我从来没有真正擅长前端设计,而且我被一些东西卡住了。我正在努力实现的是使网站的标题固定在移动设备上 <div class='row' id='header' > </div> 我可以使用bootstrap和Foundation,因为我熟悉它的基础知识,但我不能动脑筋做我想做的事情。我希望标题div只为移动设备固定,这样当你从大屏幕/计算机访问时,它不是固定的,并且随着滚动而流动,但只有移动设备它保持固定在顶部。现在,我可以使用Jquery简单地更改css属性,但我不知道如何查找和检查设备是大屏幕还是小屏幕 if(
浏览 1
提问于2015-07-03
得票数 0
3
回答
将图像大小调整为父div
css
、
image
、
twitter-bootstrap
我有一个600px宽度的图像。 它需要在引导col-xs-6或12 div中,其宽度为300px,如果屏幕宽度小于300px,则必须调整大小。 我如何认识到在CSS中使用width和max-width?
浏览 4
提问于2015-07-14
得票数 6
回答已采纳
4
回答
如何在移动显示器到达屏幕的一侧后向反方向移动?
javascript
、
jquery
、
css
我有一个绝对定位的div,它使用jQuery .animate函数水平地从屏幕的右向左移动。我的问题是,一旦div到达最左边,它就会继续,并最终从屏幕上消失。当div到达左侧时,它将反转并开始向右移动?(反之亦然,这样右边就不会继续往右走,但一旦走到尽头就会再次向左走) HTML: <div class="container"> <div class="block"></div> </div> CSS: .block { float:right; position:absolute;
浏览 5
提问于2015-04-19
得票数 12
回答已采纳
2
回答
多响应图像
html
、
css
、
responsive-design
我有四个图像在垂直和水平中心的div。当屏幕尺寸允许时,我希望这些图像在与我的div相同的线上。如果屏幕是调整大小的(或者在智能手机上),我想让前两个放在一条线上,另外两个放在第二条线上。 这种行为在宽屏幕上应该是这样的: 在一个严密的屏幕上变成这样: 我不知道怎么得到这个..。 我的html: <div class="wrapper"> <img src="img1.png" class="img-responsive" alt="man1"> <img src=
浏览 4
提问于2014-07-06
得票数 0
回答已采纳
1
回答
单击导航栏按钮时标题未展开
javascript
、
jquery
、
html
、
css
、
twitter-bootstrap
我正在使用一个可折叠的引导导航。我对.css做了一些更改,使导航链接看起来像选项卡。使用边距属性定位页眉底部的链接不起作用,因为在放大和缩小时,有时会将导航向上或向下推一个像素。相反,我将position属性设置为absolute,以将导航放置在着色器的底部。现在当我点击导航栏按钮时。导航向上推送,而不是向下推送,并且头部不会扩展。 这是我的HTML: <div class="header-inner clearfix"> <nav class="navigation pull-right" role="navigation
浏览 19
提问于2017-01-24
得票数 0
1
回答
无法使flexbox对齐内容以正常运行
css
、
reactjs
、
jsx
我尝试使用justify-content space-between将div .header__top中的两个元素在屏幕的另一端对齐,但由于某些原因,它们恰好相邻在一起。 const HeaderHome = () => { return ( <div className="header"> <div className="header__top"> <h1 className="primary-text">Text<
浏览 10
提问于2020-11-28
得票数 0
回答已采纳
2
回答
网站设计-滚动菜单,修复顶部和扩展
html
、
css
、
menu
、
html-lists
、
hybrid
我有一个菜单,它将通过javascript运行,使菜单滚动到顶部,锁定位置,然后展开几个像素。 一个活生生的例子应该是这样的: 目前我有这样一个: HTML <div class="space"> <p></p> </div> <div id="menu"> <div class="container"> <div class="pages"> <ul>
浏览 2
提问于2014-06-13
得票数 2
回答已采纳
4
回答
如何正确地使用css同时浮动两列
jquery
、
html
、
css
、
width
、
css-float
这是我很久以前学到的东西之一,我从来没有想过如果我真的这么做是正确的。 假设我们有这样一个结构: <div id="wrapper"> <div id="sideBar"></div> <div id="mainContent"></div> </div> 我们还可以说,wrapper的宽度为600px。 我应该浮动sideBar left和mainContent right,还是应该使它们同时浮动left? 此外,如果我为sideBar设置了一个固定的宽度,如何使m
浏览 6
提问于2011-04-08
得票数 13
回答已采纳
3
回答
如何为移动设备制作相同的网站布局(无响应)
css
、
mobile-website
、
website-deployment
我已经厌倦了寻找一个问题的答案。我想要一个网站,可以看到从移动或类似的设备相同。我不是说响应性,我的意思是,移动访问者甚至可以通过水平鼠标滚动看到相同布局的网站。这对于每个网站都是可能的。这不需要任何代码。同样的布局通常也可以在移动设备上看到,使用水平鼠标滚动。但是,有一种情况让我感到困扰。我已经创建了一个示例。 如果您从移动设备或类似设备(如small notebook等)查看网站(或调整到小型浏览器),您将看到以下内容: 您可以看到,蓝色div不能填满浏览器的100%宽度,尽管该div定义为100%宽度!看看图片下面的灰色div部分。在正常阶段,蓝色(div.top)和灰色(div#
浏览 3
提问于2013-08-20
得票数 0
1
回答
jQuery调整大小不一致
jquery
遇到一个问题,当窗口宽度大于1024px时,我的函数按预期工作,当我调整小于1024px的大小时,函数按预期工作,但当我向后扩展时,它不起作用。 我想要达到什么目的,在浏览器宽度小于1024px宽度的情况下运行scrollTop函数。我就是看不出我犯的错误。 下面是我的Codepen和JS代码: function buttonClick() { var width = $(window).innerWidth(); console.log( width ); if ( width < 960 ) { $('.click').on('cli
浏览 0
提问于2016-11-30
得票数 1
2
回答
使div宽度适合浮动内容
html
、
css
、
css-float
我有一个容器div,里面有多个浮动元素。我正在尝试使容器的宽度适合内容。我现在有了一个jsFiddle,它最初使容器适合内容: 但是,一旦屏幕宽度变小,并且内容div没有空间显示在同一行上,就会发生这种情况: 这是我的代码: .container { border: 1px solid red; display: table; } .content { border: 1px solid blue; width: 100px; height: 100px; float: left; } <div class="co
浏览 0
提问于2016-06-18
得票数 3
1
回答
Map没有占用100%的列
html
、
css
我的地图没有占据我右栏的100%。我希望它占据大约45%的页面在右侧,然而,根据屏幕截图,它甚至不接近。有什么想法可以让我改正吗? 这是HTML <div class="column right"> <div class="column right"> <div id="map"></div> </div> </div> </div> 这是CSS
浏览 19
提问于2021-05-30
得票数 0
回答已采纳
2
回答
响应式全宽引导转盘,左侧有小图像,右侧有标题
html
、
css
、
twitter-bootstrap
我想要做的就是在这里举个例子 我有用于大屏幕的.carousel-inner{min-widt=500px;} (我想要它的响应性) 现在我的问题是,我希望第一个旋转木马滑块图像从顶部和底部位于旋转木马的中心-左侧位置。标题在右侧的中心和viz。 我试过这个代码..。但当我使用较小的设备时,图片会显示在标题上。
浏览 22
提问于2016-08-06
得票数 0
2
回答
如何在导航菜单上制作均匀的背景宽度
css
我现在有一个NAV菜单,它的三个链接不跨越整个菜单栏(这就是我想要的),我有一个问题,就是让每个链接都有相同的宽度,而不是基于按钮中的文本数量。 这是我的代码: HTML: <header> <h1>Matt's Meat</h1> <div class="navTop"></div> <nav> <li><a href="#">Product</a> </li>
浏览 3
提问于2013-11-05
得票数 2
回答已采纳
2
回答
如何让页面滚动到图像的底部
html
、
css
我真的没有什么可展示的,但我会试着解释。 我使用HTML和CSS,我有一个月亮大小的背景图像。(3840x18509像素)。如何在页面上添加此背景,使其自动缩放到屏幕上,并使其可滚动?我的意思是,我希望能够一直滚动到长图片的底部。当我设置高度:18509px时,图像变得比它应该的宽度更宽,这样它就会从侧面剪掉。 我想要的网站,如原始图片一样宽,和原来的图片一样高。我希望以适合屏幕宽度的方式显示整个图片,但必须向下滚动才能到达底部。提前谢谢。 body, html { margin: 0; padding: 0; border: 0; backg
浏览 84
提问于2021-09-19
得票数 0
回答已采纳
2
回答
从手机打开时移动图片
javascript
、
html
、
css
我试图通过使用指南建立一个网页,但我想让它有可能通过电话使用。它有点工作,但我想把图片从侧面到底部,只有当它不适合.这里有一些截图。在第一个页面中,您可以看到从PC加载的页面。它应该看一下。在第二个版本中,我将分辨率调整为手机分辨率,但图像消失了。是否有可能把它往下移,或者把它移到其他地方,但让它看起来呢?谢谢
浏览 11
提问于2022-04-15
得票数 0
2
回答
尝试理解响应式设计中的特定场景
css
、
twitter-bootstrap
、
responsive-design
假设我在一个网页上有一个以1000px宽度显示在桌面上的div。假设我希望div在所有手机上都以100%宽度显示。在不使用Bootstrap的情况下,完成此任务的最简单方法是什么?
浏览 0
提问于2017-03-27
得票数 0
3
回答
CSS -用div填充页面(横向)
html
、
css
、
web
我正在建立一个网站,其中的主要内容框架应该跨越整个页面的宽度,并尽可能多的高度,与最小的高度(为了包含一个浮动的“侧栏”的种类)。但是,将div元素的宽度设置为100%并不会填满窗口,而是会过度填充窗口,从而创建一个水平滚动条。有没有办法让内容div伸展到页面的整个宽度,而不是像框大小调整或溢出设置那样从侧面或底部裁剪? 谢谢你抽出时间来蒂莫西·S。 base.css html, body { margin:0; padding:0; font-family: "Lucida Grande", Verdana; font-size: 0.9em
浏览 26
提问于2011-12-04
得票数 0
回答已采纳
2
回答
使具有设置大小的元素响应于父元素
css
、
responsive
我在我的页面上有一个元素,它将显示一个iPhone和其中的屏幕截图。手机和屏幕被设置为实际的像素,这样就可以在元素中使用真实的屏幕截图。 .iphone .iphone__outer { width: 416px; height: 850px; background: asset-url("iphone6-portrait.png") center center no-repeat; background-size: 416px 850px; position: relative;
浏览 6
提问于2018-02-14
得票数 0
回答已采纳
2
回答
CSS浮动溢出
html
、
css
我有这个示例html <html> <head> <style type="text/css"> .div-menu { width:300px; margin-left:20px; margin-right:20px; float:left; border:thin solid;
浏览 1
提问于2011-12-05
得票数 0
1
回答
禁用类似于媒体查询的javascript
javascript
我有一个旋转div的脚本,但当我的屏幕小于600px时,我想禁用js,这是旋转div的代码: var form = document.getElementById('survey-form'); form.addEventListener('mousemove', (e) =>{ var x = (window.innerWidth / 2 - e.pageX) / 200; var y = (window.innerHeight / 2 - e.pageY) / 200; form.style.transform = '
浏览 1
提问于2021-03-21
得票数 2
2
回答
分辨率越小,内容越适合
css
、
xhtml
、
position
、
overflow
、
resolution
如果您在访问时会注意到...当你缩小屏幕尺寸时,顶部栏的内容会溢出它的父div,并覆盖网站的其余部分。 我想做的是,如果接收端的分辨率太小,我想迫使他们使用底部的滚动条,这样他们就可以看到所有东西。这样网站才能正常显示。 有什么编码的想法吗? 谢谢你,亚伦
浏览 0
提问于2011-08-22
得票数 3
回答已采纳
3
回答
如何将最大高度应用于iframe,同时将其保持为100%宽度?
html
、
css
我正在创建一个相对的(不固定的)视频背景,其中YouTube提供视频源。 主父容器的最大高度为600px,但这样做时,YouTube视频的底部会被截断。有没有办法将600px的最大高度也应用到iframe上,同时保持它的全宽和响应性? HTML <div id="video-container"> <div class='embed-container'> <iframe src='https://www.youtube.com/embed/YOPnzvSrZd4?mute=1&controls=0&am
浏览 7
提问于2018-02-07
得票数 0
2
回答
jquery如果窗口大小为<=特定值,则启动jquery。但在某些条件下,jquery执行的条件是screen >而不是某个值
jquery
、
css
Html <div id="currentMedia">gggggggggg</div> 然后css @media all and (max-width: 480px) { #currentMedia { width: 480px; } } @media all and (min-width: 481px) { #currentMedia { width: 481px; } } 如果屏幕大小小于481 px,则div宽度设置为480 px,否则div宽度设置为481 px。 然后,在页面加载和屏幕大小调整时执行jquery。 var adjust_si
浏览 2
提问于2015-05-31
得票数 0
回答已采纳
2
回答
宽度100%,但额外宽度使卷轴
jquery
、
html
、
css
、
scroll
、
width
这太奇怪了,但无论如何都要试试。所以我有100%的旋转木马。我的屏幕尺寸是1366 My。我的网站是垂直长的,所以滚动会自动出现。它使网络更像1350 it。但是我的旋转木马的宽度仍然是1366 on,底部还有卷轴。有趣的是,当我试图检查时,底部的卷轴消失了。当我检查时我的宽度是1350 my。我已经努力修了好几个小时了。 我最后的希望是你们。所以请帮帮我。 编辑:上传的哦,并请检查它的Chrome。没有做任何其他浏览器修复:D
浏览 1
提问于2013-11-28
得票数 2
回答已采纳
1
回答
在Bootstrap中包含内容
javascript
、
jquery
、
html
、
css
、
twitter-bootstrap
我试着做一个容器,它占了屏幕100%的宽度。问题是,我一直无法使内容适合的启动带缩略图。当我缩小视口时,这个问题就变得更糟了。 我将如何改变我的代码,使它更有响应性。 查看JsFiddle: <div id='thumbnailDiv' class="thumbnail"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <img src='http://placehold.it/350x150' class="thumbnailImg
浏览 0
提问于2017-05-27
得票数 0
回答已采纳
2
回答
让div在小屏幕上消失?
html
、
css
我的网站有一个整体的CSS文件,以及许多继承的不同屏幕大小的CSS文件。 在CSS文件style.css中,我有 .image img { border-radius: 5px; display: block; } 在我的HTML文件中 <div class="image"> <img src="me.jpg"/> </div> 在小屏幕上,我希望这个图像div消失,就像我希望人们在小屏幕上(例如手机)只关注文本一样。 为此,我在style-xsmall.css中添加了以下块 .image img {
浏览 0
提问于2019-02-16
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
WEB测试浏览器兼容性问题你知多少?
底部导航设计的黄金法则
几种常见的 CSS 布局
H5项目踩坑及出坑实践
在你的 Python 游戏中模拟引力
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券