我想将OpenStreetMap集成到我的NUXT.js应用程序中。我正在尝试使用this module，但在所有说明之后我看到一个空页面。 我已经在github上创建了an issue，但仍然没有响应。 pages\index.vue <template>
<div id="map-wrap" style="height: 100%">
<no-ssr>
<l-map :zoom=13 :center="[47.413220, -1.219482]">
浏览 7提问于2019-01-18得票数 2
1回答
为了在画布中提供完整的质量，我想使用画布将在屏幕上使用的实际像素量。我编码的网页内容固定为465px。但你可以想象，465px的画布不是很好。既然现代的显示器有更多的像素，我想我可以利用这一点。我尝试了不同的东西，如innderWidth，clientWidth和normal width，但都不起作用。我真的需要一个函数，当我用不同的缩放重新加载浏览器时，它会发生变化。
HTML：
<div id="myTargetDiv"></div>
Javascript：
<script>
$("#myTargetDiv").h
浏览 1提问于2016-11-10得票数 0
2回答
我不记得执行以下操作的效果的名称是什么：
我在div中有一个文本，假设div的高度是250px，所以如果文本的高度大于250px，那么在250px之后的另一部分应该隐藏起来。我不想在左边有一个滚动条。
简而言之，我需要效果(属性？)它隐藏了div绑定之外的文本。
浏览 0提问于2012-01-07得票数 0
回答已采纳
1回答
有谁知道如何获得我当前显示的谷歌地图的静态图像。我使用此代码来获取div中的googl地图
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(0,0),
zoom:1,
scrollwheel:false,
disableDefault
浏览 2提问于2014-03-09得票数 0
2回答
我尝试了以下代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<style type="text/css">
#outer {
width: 90%;
height: 90%;
margin: 5% 5% 5% 5
浏览 5提问于2013-01-08得票数 1
回答已采纳
1回答
我正在尝试让父div继承响应子图像设置的高度...但它不起作用。
这是针对响应式网站的，因此当调整浏览器大小时，图像也会调整大小。问题是，如果我在父.mosaic-block-three元素上设置了一个高度，那么图像看起来就会固定在这个高度。
如果我将.mosaic-block-three元素设置为height: auto，那么它将完全失败并下降到0高度。
为了让这个规模顺利进行，我缺少了什么？我可以重新排列和添加css，html或javascript，任何我必须做的事情。我已经尝试了几个小时，所以非常感谢您的帮助:-)
示例页面在这里：
我的目标是复制图像在此页面上的完美响应，但添加了翻转马
浏览 5提问于2012-05-31得票数 0
回答已采纳
1回答
import React from 'react';
import { render } from 'react-dom';
const width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
const height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
const App = () => (
<div style={{ di
浏览 11提问于2018-02-01得票数 1
我试着在页面的每个角落创建4个div。我已经做到了，但是当我调整窗口的大小时，div彼此重叠，这是因为底部的div被粘在窗口的底部，我只想让div位于"#wrap“div的底部，但我真的很难做到:/
在Internet Explorer中，所有的div都有一点混乱……
这是它的实时预览，因此您可以看到代码/页面：
如有任何帮助，我们将非常感谢:)
浏览 4提问于2011-09-12得票数 1
1回答
首先，我是个新手，已经做了很多研究，但找不到答案。
我在页面顶部设置了一个div容器，宽度为100%，高度为20%。我想插入一个可以自动调整屏幕大小的图像。
我在这个网站上发现了一些代码，它们在safari和chrome中工作得很好(在ipad和iphone上也可以完美地调整大小)，但在firefox(20)和IE(10)中，图像确实会稍微调整大小，但不会停留在父容器中。
有人能帮上忙吗？我一直使用的原始代码是：
<html>
<style type="text/css">
#myDiv
{
height:auto;
width:auto;
}
#my
浏览 0提问于2013-05-15得票数 0
3回答
我需要根据它的容器设置视频的宽度/高度。基本上，视频应该有其绿色容器的高度100%，宽度应该是可变的。
plyr.setup();
body {
margin: 0;
}
.plyr {
height: 100%;
width :100%;
}
#wrapper{
display: flex;
justify-content:center;
width: 900px;
height: 500px;
background-color: green;
}
<script src="https://cdn.plyr.io/2.0.11/plyr.js&
浏览 9提问于2017-11-08得票数 3
我有一个div，其中包含四个2x2形式的div，每个div包含一个不同的文本块，每个文本块的长度各不相同。我想定义CSS，使顶行上最短的div等于该行上的相邻div，底行上的div也是如此。有没有办法使用CSS来实现这一点？我当前的CSS属性如下：
.container{
display: table;
width: 100%;
max-width: 1200px;
overflow: auto;
}
.container > div{
display: inline-table;
vertical-align: top;
hei
浏览 7提问于2020-11-13得票数 0
2回答
我试图垂直中心一个绝对定位标题的图像，有一个灵活的高度(最大宽度: 100%;)，并有麻烦。我知道我需要使用JS来检测div的高度并调整标题div的顶部位置，但是我遇到了麻烦。
<div id="nav">navigation</div>
<div id="slider">
<img src="http://codeword.org/wp-content/uploads/2011/07/aspen_colorado.jpg">
<div class="capt
浏览 5提问于2013-08-10得票数 0
回答已采纳
3回答
我正在尝试创建一个可以打开任何URL的模式，其中a标记有一个特定的类。
在colorbox文档中，它以此为例：
// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
var url = $(this).attr('href');
return '<a href="' + url + '" target="_
浏览 0提问于2013-03-16得票数 0
回答已采纳
1回答
我的桌子是这样的：
tblartikel(工匠初级钥匙，价格)
闪蒸()
我看到有人这样做：从artikelID的tblbestallning组中选择artikelid，sum作为AmountSold
这正确地显示了工匠的数量和你曾经买过的数量
我怎样用价格乘以它被买的次数呢？
浏览 4提问于2021-09-23得票数 0
回答已采纳
1回答
所以我有一个我想要的视频，不是全屏的，但很接近。我希望它保持16:9的宽高比，但我希望在视频和屏幕边缘之间总是有填充或空间。所以我现在所拥有的，，是：
width: 80vw;
height: 45vw;
对于div。当我水平缩小浏览器时，它工作得很好，视频div保持了16:9的宽高比。唯一的问题是，每当我垂直缩小web浏览器时，视频就会慢慢地从屏幕上消失。我希望当我垂直缩小web浏览器时，同样的填充也在那里，如果这有任何意义的话。
如果你有任何问题，或者感到困惑，尽管问。如果有任何帮助，我将不胜感激，谢谢。
EDIT1:我已经检查过了，唯一的区别是他们在那个例子中使用了1:1的比例，而我的则
浏览 2提问于2017-11-16得票数 0
2回答
我的wordpress头上有一个jQuery手风琴。我注意到，根据浏览器和屏幕宽度的不同，手风琴的宽度会有所不同。
我已经尝试通过向accordion类添加' width : 100%‘来解决这个问题，但是宽度仍然没有填满屏幕/标题宽度？但是，当在'chrome inspect element‘中编辑并将' width : 100%’插入到折叠面板宽度中时，它可以工作，但是100%的css在chrome中被“划掉”了？
有没有人能帮我纠正一下我做得不对的地方？谢谢
/* Vertical Accordion Style */
.va-container{
pos
浏览 2提问于2013-04-14得票数 1
1回答
我的html有一个问题:我正在尝试创建一个中间有我的主要内容的东西，并且有一个从左边弹出的侧边栏。我有一切工作在侧边栏和主要内容，但有一个巨大的差距在页面的左侧。
我如何让我的内容移到左边，让它充满整个页面？我如何让我的中心内容一直移到左边，一直移到顶部？
这是我的css和html
.container{
display:flex;
width:100%;
}
<div class="container">
<div class="column">
<app-grocery-si
浏览 3提问于2020-09-02得票数 0
我尝试将两个img元素绝对定位在一个应该具有position: relative的.branch_item元素中。
当.branch_item在px中有with和height时，一切都很好，但我需要在%中使用它们，而不是在px中(因为这个元素应该有100%的width)。%单元仅适用于fixed位置，但它不能处于该位置。
我的代码看起来像这样：
<div class="container left">
<div class="twelve columns">
<div class="branch_item"
浏览 3提问于2013-08-14得票数 0
1回答
我有下面的代码，这是一个用于导航的div，它放置在页面顶部的另一个div中。它可以在我测试过的所有浏览器上运行，除了IE8/9。
CSS：
#nav
{
text-align: center;
background-color: #363A36;
color: #ffffff;
height: 25px;
padding: 10px;
margin-left: auto;
margin-right: auto;
width: 60%;
margin-top: -100px;
position: relative;
}
#nav a
{
text-decoration: none;
浏览 0提问于2010-09-16得票数 1
回答已采纳
2回答
我已经创建了一个React-Native应用程序，并想要设置导航。我用NavigationContainer创建了我的文件，我认为我已经做了正确的事情，但我在更改屏幕时遇到了问题。我在Expo或bundler中没有实际错误，但是请求的屏幕没有显示出来，尽管标题发生了变化。所以我觉得我在代码中遗漏了一些东西。我知道我犯了个错误，但我需要你帮我弄清楚并改正...感谢您的时间和帮助。
导航：
import React from 'react'
import { Image } from 'react-native'
import { creat
浏览 2提问于2020-11-02得票数 0
我想在我的网站上使用响应式图像滑块'bxslider‘(bxslider.com)。不幸的是，滑块的图像通常不会出现在页面上，只有控件是可见的。然而，只要我刷新页面，滑块的图像就会重新出现。
我看过这里提出的类似问题，但他给出的建议-例如“只使用jQuery 1.x”-似乎对我不起作用。
如果有人有另外的建议，那就太好了！实际的网址是：和，下面是我的代码：
<script src="js/modernizr-2.8.3.min.js"></script>
<script src="https://ajax.googl
浏览 36提问于2017-01-21得票数 0
1回答
dreamweaver新手入门(今天晚上开始)。
我正在建立一个网站，每次重新加载的想法是它生成一个随机的图像-这似乎是完美的工作，但问题是所有的图像都是不同的大小，它可以看起来。
有没有办法将每个图像统一到相同的大小和对齐方式?我尝试将JS添加到<td>中的表中，但无济于事。
我使用的JS是：
<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free
浏览 7提问于2018-02-17得票数 0
假设我有一个这样的元素
<div id="myDiv" style="height:10px; width:100px; overflow:scroll;">
random amount of lorem ipsum...
</div>
在JS或Jquery中有没有办法查看$("#myDiv")并查看它是否有滚动条？
谢谢
戴夫
浏览 1提问于2010-11-11得票数 7
回答已采纳
1回答
我最近才开始编写代码，这是我第一次发帖，所以对任何违反协议的行为表示歉意；
我试着重现这个迈克·博斯托克bl.ock的投影转换
但在d3.v4中。我可以让转换执行，但没有动画之间。我认为这与我执行ProjectionTween函数的方式有关，或者可能与Update选择svg的方式有关，但我似乎无法让它以其他方式工作。
任何帮助都将不胜感激。
//Options, insert projections here
var options = [
{name: "Mercator", projection: d3.geoMercator()},
{name: "
浏览 7提问于2016-11-28得票数 4
回答已采纳
1回答
我有一个奇怪的问题:我构建的站点是使用flexbox和LESSHAT。奇怪的是，我遇到的是，它没有正确地呈现，即柔印盒的东西似乎被忽略了。
但是，如果我点击F12并重新加载页面，那么它是否应该呈现。
怎么啦？
UPDATE -这是代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=0, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0
浏览 0提问于2014-07-03得票数 0
1回答
我在使用谷歌地图API v.3时遇到了一个问题。
我将我的画布声明为
<div id="map_canvas" style="width:
50%; height: 50%; margin-left: auto;
margin-right: auto">
在我的Javascript函数中
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var mydiv=document.getElement
浏览 2提问于2010-09-11得票数 3
回答已采纳
1回答
我试图在地图背景上绘制SVG圆圈，但是当它们出现在元素中(使用Chrome工具)时，它们不会显示在页面上。我在这里漏掉了什么，为什么他们被藏起来了？
我试图改变填充，不透明的地图和圆圈，但我不知道为什么它不呈现？
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leaflet and D3 map</title>
&l
浏览 7提问于2017-12-30得票数 1
回答已采纳
我正在使用Google Maps API v3。
在Chrome中，地图非常适合我设置的宽度为200px、高度为200px的div元素。在Firefox中，它试图占据整个屏幕。我注意到google地图在那里使用的样式代码是这样的：
<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
我一直试图通过API修改它，将width设置为190，hieght设置为190。
有人知道怎么做吗？
我在div中使
浏览 0提问于2011-12-24得票数 1
回答已采纳
1回答
我正在使用adobe edge animate创建这个站点：
它在windows机器上运行得很好，但我在mac上做了一些修改，火狐遇到了一些问题。它完全按照safari的预期工作，昨天它在所有浏览器上都工作得很好。基本上，当页面加载并且div从中心的五边形后面移出时，它们的故障非常严重。不知道为什么，我试着删除/改变动画的缓动，我试着删除div本身的不同属性，似乎无法弄清楚发生了什么。
浏览 1提问于2013-03-21得票数 0
回答已采纳
如果过滤器检测到该元素(“可见”)，我想隐藏该元素。
我们可以看到内部的图片是可见的，但是如果设置<img> position:absolute，为什么找不到外部元素<a>呢？
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
a {
position: absolute;
}
img {
浏览 1提问于2014-03-19得票数 3
我已经编写了以下标记和样式：
<div id="parent">
<div id="child">
</div>
</div>
#parent{
width:300px;
height:300px;
background:aqua;
}
#child{
margin: 100px;
width:500px;
height:500px;
background:black;
}
那么为什么div#parent没有出现在左上角，而是被移到了底部
浏览 1提问于2014-01-26得票数 1
我有Django应用程序，我使用Cloudinary来传递图像。
图片在固定宽度和高度的模板中显示如下：
<a href="/photo/{{ photo.id }}/">
{% cloudinary photo.filename width=100 height=100 crop="fill" %}
</a>
我想添加一个"+“和"-”按钮，以便在页面渲染后动态增加和减少照片的宽度和高度。
我会有一个可能的宽度/高度值的数组，例如100,125,150,175,200,225,250,300，或者简单地将25加到
浏览 1提问于2020-01-30得票数 1
我使用以下Jquery脚本在窗口中间对容器div进行居中。当用户的分辨率小于容器时，就会出现问题，就像当站点加载div的顶部被砍掉时一样。如果浏览器大小或分辨率大于容器div，如何将函数设置为触发器？
<script>
$(window).load(function(){
var positionContent = function () {
var width = $(window).width(); // the window width
var height = $(window).height(); /
浏览 4提问于2013-07-25得票数 0
回答已采纳
2回答
Div标签边框
、、
我和一位伙伴正在开发一款类似于ipad twitter应用的html应用。
我想知道他们是如何创建分隔深灰色用户框的伪装线的。
我目前有一个可调整大小的div，每个用户在其中都有自己的div (例如Chris Purillo和Jeff Pulver会在大的可调整大小的div中的单独的div中)。
假设线将他们分开仅仅是一辆聪明的卡车，在css3中使用背景颜色，还是有更好的方法来创建？
浏览 0提问于2011-07-15得票数 0
我有一个里面有图像的div。我想知道是否有可能把这个div 50%的水平，并使一半的图像。当我使用50%时，图像没有居中，因为图像的宽度。我可以用49%，它在更大的屏幕上看起来还可以，但在移动屏幕上，它是不行的。图像宽100 is。
有办法解决这个问题吗？
HTML
<div class="fullscreen-arrow"><img src="wimages/arrow.png" alt="button"></div>
CSS
.fullscreen-arrow {
position: absolute;
l
浏览 5提问于2015-08-11得票数 0
回答已采纳
如果.page-builder__item--text中有一个表，我希望它采用x样式。
通过阅读sass-lang文档，我得到了这一点，但这似乎不起作用。我是不是误解了文档？如果是这样的话，是怎么做的？注意:我不能更改html
table {
.page-builder__item--text & {
background-attachment: red;
}
}
html如下所示
<div class="page-builder__item--text">
<div class="no-leftpad no-right
浏览 13提问于2018-12-05得票数 0
可以通过以下属性设置publisher div元素的宽度/高度：
但是，不可能对其他流执行相同的操作。属性没有宽度/高度：
即使通过CSS设置，它们也会被覆盖。
例如，如何制作像facetime这样的应用，订阅的视频流远远大于发布者的视频流？
浏览 2提问于2013-07-11得票数 2
回答已采纳
所以我有一个div元素，当你将鼠标悬停在它上面时，它会变得有动画效果。我想要检测0, 0元素何时离开点0, 0，以及何时返回div。我已经有了基本代码，我只是不知道我要插入的变量。
var divx = getElementById("div").position.x;
var divy = getElementById("div").position.y;
if (divx === 0 && divy === 0) {
window.alert("Div has returned to starting position"
浏览 0提问于2017-02-03得票数 1
1回答
我有一个有多个锚点的页面可以滚动到，当我使用顶部的nav滚动到页面上的它们时，nav滚动到正确的位置。
如果我要在不同页面的相同锚点加载页面，它会加载覆盖标题的导航。
有没有办法在页面加载时设置和调整页面的锚点偏移量，这样导航就不会使用jQuery覆盖标题？
<div class="section material-item" id="c-c">
提前感谢！
浏览 0提问于2014-10-23得票数 0
是d3.js的初学者。我用geomap创建了一个使用d3.js.My映射的.My，但是在scaling中有一些问题。
我需要用全屏幕的窗口显示我的地图。
所以我用下面的代码创建了。
// Html Part
<div id="world-placeholder" style="width:100%;height:auto;">
</div>
// Script part for generating SVG
<script>
var svg = d3.select('#'
浏览 5提问于2015-02-25得票数 1
1回答
我正在尝试创建一个Slick示例，但它不起作用。
这是我的代码：
<head>
<title>Slick Playground</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="slick-master/slick/slick.css">
<link rel="stylesheet" type="text/cs
浏览 8提问于2017-03-01得票数 0
我正在尝试创建一个使用图像的横幅。我的问题是，当我在Tailwind中使用内置的h-*实用程序时，它会呈现出非常小的效果。 <div class="hidden sm:block">
<img
class="w-full h-20 object-cover object-center"
src="https://scontent-lhr8-1.cdninstagram.com/v/t51.2885-15/e35/s1080x1080/123373127_3521914557896505_7295
浏览 62提问于2020-11-04得票数 0
发现了一个涉及jquery和chrome的奇怪之处。如果周围div的显示设置为"none“，则img元素的attr('width')似乎返回0。不过，这在firefox和opera中运行得很好。
那么，这是一个bug，还是chrome断言了正确的jquery行为？
下面是一个例子：
<html>
<head>
<script type="text/javascript" src="../jquery-1.4.min.js"></script>
<script type="tex
浏览 0提问于2011-02-15得票数 0
1回答
我希望在我的页面中有一些圆圈按钮，使用下面的代码，一切看起来都很好，除非我试图在启用了引导带的按钮中添加边框。注释“边框:10 as实心”行会创建一个适当的圆圈，但是添加边框会将按钮转换为省略号，如下所示。这似乎是一个引导问题，因为它显示了没有它只是很好。代码有问题吗?还是引导程序中的错误？
.round-button {
width: 15vw;
}
.round-button-circle {
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
border: 10px solid
浏览 1提问于2014-11-28得票数 1
回答已采纳
2回答
我已经写了一段代码，当页面打开时，我正在尝试缩小/放大图像。我想自动执行此操作(也许是简单的jQuery动画)。
但我可以让它在鼠标悬停时工作。当页面打开时，我想要它。
我的代码：
代码：
<style>
#photos img {
width: 100%;
height: 100%;
transition: width 2s, height 2s, transform 2s;
margin-left: -10px;
}
#photos img:hover {
width: 11
浏览 0提问于2013-01-02得票数 0
回答已采纳
1回答
，图像链接大小
、、
我有两个图片作为链接在一个页面上。问题是它们都有不同的尺寸。有什么简单的方法来调整图像的大小吗？
<div class="col-sm-4"><%= link_to image_tag("image1.jpg"), {:controller => 'customers', :action => "new" } %>
<h3>BOOK A TOUR</H3>
</div>
<div class="col-sm-4
浏览 2提问于2016-04-23得票数 0
回答已采纳
我试图调整网页到facebook选项卡，我为选项卡创建了新的页面，并从目标网页加载内容，所有的问题是，我不能调整这个内容的大小，以适应810 re。
HTML:
<html>
<head>
<meta charset='utf-8'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript
浏览 8提问于2013-12-25得票数 2
我有一个包含图像数组的foreach循环和一个JS代码，用于添加不同的类，无论宽度是否大于高度，反之亦然。 问题是if函数获取数组中第一个图像的.width()和.height()值，并向随后的所有图像添加相同的类。 我尝试使用.each()，当我打印console.log()时，它给出了第一个图像的值，认识到有更多，但没有将它们添加到特定的类。 HTML： <?php foreach ( $feedback as $feed ): ?>
<img class="img" src="<?php echo $feed['pic'
浏览 13提问于2019-04-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
