首页 文章
  • 313 votes
     answers
     views

    如何在Mobile Safari上禁用视口缩放?

    我已经尝试了所有这三个无济于事: <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scal...
  • 1 votes
     answers
     views

    SVG viewBox在保留纵横比的同时打破了viewPort的100%填充

    问: How can I use the viewBox coordinate system whilst still filling the viewPort completely and preserving aspect ratio? 我是svg编程的新手,所以希望我只是误解了一个基本概念 . 我想根据用户上传的背景图片创建一个交互式和响应式 Map . 在这里's the basic e...
  • 2 votes
     answers
     views

    div img(svg)拉伸到视口高度和宽度

    我试图将图像(.svg)宽度填充到我的DIV,允许它拉伸,但我的图像只有100%的宽度和高度它裁剪底部 . 如何使其拉伸高度到视口高度?我已经尝试将图像转换为背景图像,但这在设计中不起作用 . .flag { position: absolute; z-index: -1; background-size: contain; } #flag img{ width: 100vh; heig...
  • 1 votes
     answers
     views

    如何能够将100%宽度的<footer> / <header> / <div>与移动浏览器中的差异进行对抗?

    在使用媒体查询将网站迁移到响应式html5之后,我发现我仍然无法使用移动iOS 7 safari浏览器以相同的宽度显示页脚/主页/ Headers 部分,尽管它们的css设置为显示:块和宽度:100% .例子: http://i.imgur.com/QUxffNT.jpg http://dev.shermanbrothers.com(用户名:devreview密码:De3e3vfr4)[html5...
  • 2 votes
     answers
     views

    移动专用css未显示在移动设备上

    我正在测试三星Galaxy Nexus手机,屏幕宽720像素 . 这就是我试图仅使用移动设备的移动设备表来呼叫: &lt;link href=&quot;mobile.css media=&quot;only screen and (max-device-width:780px) rel=&quot;stylesheet&quot; /&gt; 以及使用: &lt;meta name=&quot...
  • 2 votes
     answers
     views

    JScrollPane在顶部添加JPanels并保持当前滚动视图

    我有一个包含垂直Box的JScrollPane . 我正在Box的顶部插入新的JPanel . 如果我使用滚动条向下滚动,我希望当前视图保持向下滚动的位置 . 例如,如果我在框中有50个面板并使用滚动条查看面板20,我希望视图保留在框20上,即使其他框添加在顶部 . 另外,如果我使用滚动条向上滚动到顶部,我希望视图在添加时显示新面板 . 知道怎么做吗? 顺便说一句,没有必要使用JScrollPan...
  • 2 votes
     answers
     views

    为什么我的迷你 Map 视口矩形会在缩放时平移?

    我创建了一个CodePen来说明我的问题:请参阅CodePen Simple Minimap dashed Viewport . 我是一个小团队的一员,我的工作是(除其他外)做小 Map . 笔中的代码是关于小 Map 的代码的简化版本 . 我是d3js的新手,所以我很高兴听到任何可以改进的东西 . 我遇到了关于虚线矩形的错误,它应该显示我们可以看到的大 Map 的哪个部分 . 平移工作,缩放可...
  • 3 votes
     answers
     views

    Java Swing - 了解JViewport

    我有一个带JScrollPane的JTable . 有一些我不理解的scrollPane视口......我现在在表中选择行号1000,因此在屏幕上看不到它上面的许多行 . 现在,当我检查当前视口中是否显示第0行时,它会显示“是” . 这是我的代码: JViewport viewport = scrollPane1.getViewport(); Rectangle rect = table1...
  • 0 votes
     answers
     views

    当元素id出现在jport中的viewport中时发出警报

    无法让这个插件为我工作:https://github.com/morr/jquery.appear 使用Ajax引用此CDN中的插件:http://cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js 我究竟做错了什么?当div id #footer在视口中时,我想要一个警报 . $.ajax({ url: '/...
  • 0 votes
     answers
     views

    SVG viewBox,矩形和折线

    SVG属性viewBox appears 不一致 . 它 seems 它不是一个样本SVG文件,它有一个矩形,一个圆,一条折线和一个多边形 . 矩形已正确缩放,几乎填充了viewPort(宽度为500,高度为500) . 请参阅下面生成的SVG代码和图像 . 您会注意到折线,多边形和圆圈没有缩放以填充视口 . 它们(始终)占据了视口左上角的四分之一(移动但保留了原始大小) . 任何人都可以对这发...
  • 1 votes
     answers
     views

    为什么jQuery .width()与移动设备中的css媒体查询不匹配?

    我想首先说明我在问这是为什么,而不是如何绕过它 . 我在这里很清楚这些来源: $(window).width() not the same as media query How to get screen width without (minus) scrollbar? Get the height and width of the browser viewport without s...
  • 2 votes
     answers
     views

    当视口调整大小时, Headers 不会延伸到100%,但页脚会?

    我正在一个小网站上工作,我找到了一个无济于事的答案 . 我的页眉和页脚都设置为宽度:100%,以及它们周围的包装div和正文 . 我的 Headers 没有伸展到100%,而且当我必须水平滚动时更糟糕,但我的页脚正在填充宽度 . 他们的风格几乎相同 - 我无法弄明白 . 这是测试网站: http://www.maxsitedesign.com/joncollins 任何帮助,将不胜感激 . 在这一...
  • 0 votes
     answers
     views

    在移动浏览器中,Div宽度不会均匀调整大小

    我正在构建一个无响应的网站,其页眉是一个跨越浏览器窗口全宽的页脚 . 在DIV的宽度为100%的内部,我嵌套了宽度为1000px的div,它保存了页眉,导航和页脚内容 . 我的问题是,当在移动设备上查看该站点时,导航和页脚将被缩放到比该站点的 Headers 和主要区域略小的大小 . 奇怪的是导航和页脚受到影响,而 Headers 没有问题(使用相同的方法构建) . 如何按比例缩放所有内容?整个网...
  • 123 votes
     answers
     views

    HTML5 Canvas 100%视口宽度?

    我正在尝试创建一个占用视口宽度和高度100%的画布元素 . 您可以在我的示例中看到here正在发生,但它在Chrome和FireFox中都添加了滚动条 . 如何防止额外的滚动条,只提供窗口的宽度和高度作为画布的大小?
  • 3 votes
     answers
     views

    在R中,如何存储插图以便以后使用grid.arrange进行排列?

    我创建了一个图形,其中我通过此命令插入另一个图形(两个ggplot2对象): vp=viewPort(...) print(ggplotobject1) print(ggplotobject2, vp=vp) 这正是我喜欢的方式(一个大图,在viewPort中指定的区域中绘制了自定义小图) . 问题是我需要稍后使用这个组合图表再次通过以下方式与其他图表进行排列: grid.arr...
  • 0 votes
     answers
     views

    科尔多瓦固定宽度和高度android

    我试图创建一个cordova应用程序,我设置元标记如下, &lt;meta name=&quot;viewport&quot; content=&quot;width=500,height=500 initial-scale=1.0&quot;&gt; 我需要在所有设备上以500 X 500维度显示我的应用程序内容 . 这可能吗? 我知道cordova使用android webview输出应用程...
  • 635 votes
     answers
     views

    使用JavaScript获取浏览器视口尺寸

    我想让访问者能够看到高质量的图像,有什么方法可以检测窗口大小吗? 或者更好的是,使用JavaScript的浏览器的视口大小?查看绿色区域:
  • 0 votes
     answers
     views

    Dir =“rtl”会混淆移动页面上的视口功能

    我们正在为阿拉伯语创建我们网站页面的RTL版本,并且发现使用解决了许多布局问题,但是由于副作用,在移动设备上,我们的视口代码不再导致初始加载时的正确缩放(在iphone上测试) . 如果我们删除rtl标记,缩放将返回到完美 . 这是一个示例页面: http://www.tribeofheart.org/sr/pkj_arabic_m.htm 我们已经为移动设备尝试了几种常见的视口代码变体,但到目...
  • 3 votes
     answers
     views

    移动视口大小是否大于屏幕尺寸?

    我已经搜索了移动视口,我发现它是一个虚拟窗口,大多数移动浏览器都在其中呈现页面 . 视口比屏幕宽 . here和here 但是当我在网上搜索我的sony xperia sp手机视口大小时,This site告诉我,我的视口大小是360px,这比我的屏幕分辨率宽度(720像素)(1280 * 720像素)小得多 . 我有点困惑,任何人都能简单解释一下这里发生了什么?

热门问题