草庐IT

CELL_SIZE

全部标签

html - 为什么 -[UIWebView sizeThatFits :] give a larger size than document. body.offsetHeight/Width?

我正在尝试使用UIWebView来显示一些可变大小的内容,我想确定该内容的完整大小,以便我可以调整UIWebView的大小以完美适应内容的大小。然而,我尝试确定内容的正确高度和宽度并不是完全简单。下面尝试寻找尺寸的测试方法...-(void)viewDidLoad{[superviewDidLoad];self.webView.backgroundColor=[UIColorclearColor];NSString*content=@"ContentHere";[self.webViewloadHTMLString:contentbaseURL:nil];debugLog(@"Load

HTML5 Canvas : How to know the limit for the size?

我有一个宽1400像素、长约12000像素的Canvas。我有一个需要绘制的层次结构图。当它完全展开时,它会占据整个Canvas(我设置的大小)。现在,当我从笔记本电脑(在各种浏览器上)访问该页面时,这一切正常。但是当我从iPad上的Safari访问它时,Canvas不显示,或者Canvas上的内容不可见。我认为,这是由于Canvas尺寸较大所致。因此,似乎存在内存可用性或设备依赖性,这限制了大小(根据W3C允许的大小)。如何知道或计算尺寸?或者有一些解决方法吗?还有其他办法吗?我是初学者。 最佳答案 替代方法(回答thecomme

html - 为什么 HTML 中 "size"标记中的 "<input>"属性仅适用于 TEXT 而不适用于 NUMBER?

如果我有一个带有标签的HTML文件它做了它应该做的,它呈现了一个宽度为3个字符的输入元素。另一方面,如果我有标签它呈现输入字段的默认宽度(比3个字符长得多)。我知道我可以用.myclass{width:75px;}创建一个自定义类,但我认为使用size属性会容易得多,特别是如果我知道数字字段接受的数字是0到100,为什么要使用更宽的输入字段?这是设计使然吗?我需要为此使用CSS吗?如果是这样,我如何根据我在表单中使用的字体系列/大小呈现正好三个字符宽的输入字段? 最佳答案 Size不是inputtype=number的属性,它有mi

HTML 基础 : What is currently a good viewport size?

对此众说纷纭,但在设计网页时,应该迎合的最佳窗口大小或视口(viewport)大小是多少?现在假设您想要迎合广大公众的需求(这意味着如果您创建一个游戏网站,在那里滚动的人不会有800x600屏幕...)此外,最好将包含div的主要内容保留为自动大小(以便它随屏幕大小拉伸(stretch),假设您内部没有任何不想拉伸(stretch)的固定元素)还是固定宽度?我设计了几个网站,但我仍然不确定2012年的最佳做法是什么。 最佳答案 查看有关响应式网页设计的更多信息。它的基本概述是:您应该使用媒体查询设置您的css并调整您的样式以适应各种

javascript - 在 "display:table-cell"之间填充

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion有没有办法在执行display:table-cell时在“单元格”周围放置填充或透明边框?我希望通过这个空间显示背景,所以我不能只将边框设置为白色,而且border-color:transparent出于某种原因对我不起作用。我检查了w3schools和

javascript - 手机间隙 : how Control the font size of the Mobile?

在Phonegap中我遇到了这个问题,如果我们将移动设备的字体大小从设置更改为正常到大,那么应用到应用程序的css就会中断。那么如何克服这个问题呢?我进行了很多搜索,但找不到任何相关解决方案。任何帮助或建议都会有所帮助。当设备字体大小正常时,它工作正常。Imagehere当我将设备字体大小从设置>显示>字体更改为大Imagehere 最佳答案 刚找到完全符合我需要的解决方案。通过使用thisplugin.只需在index.js的onDeviceReady函数中写入以下内容。if(window.MobileAccessibility)

html - 绝对顶部 :0 bottom:0 not working inside table-cell in IE11

根据我之前的一个问题,我有这个fiddle在小View中,它在一列之上有两列,在其他View中,它在一行中有3列。这按预期工作。但是,在设计方面,我希望内容block之间有空间。为了解决这个问题,我在单元格内制作了一个绝对定位的元素,该元素的大小会相应地填充空间,但会留下一个空隙。这在Chrome中运行良好,但是IE11、桌面、Windows8应用程序和WindowsPhone都无法按预期运行。在IE11中,block只会扩展以适应内容(即使绝对block不包含任何内容......)我认为这是因为IE正在考虑浏览器添加的自然单元格填充以使单元格同样的高度。更重要的是:如果你给block

html - li {display : table-cell; position: relative;} with absolutely positioned div inside behaves differently in (FF4, WebKit) vs (Opera, IE9)

这是一个完整的测试用例:testhtml,body,ul,li,div,span{padding:0;margin:0;}ul.container{display:table;list-style-type:none;margin-right:24px;position:relative;}ul.containerli{display:table-cell;position:relative;}ul.containerdiv,ul.containerspan{border:1pxdotted#000;}ul.containerdiv{width:40px;height:40px;pos

html - 为什么有些开发者两次定义 font-size 的单位不同?

我使用入门主题开发网站主题,我看到开发人员使用不同的单位两次定义属性,例如:body,button,input,select,textarea{color:#404040;font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5;}这背后的原因是什么? 最佳答案 在您提供的示例中,定义的第一个font-size(16px)将为不支持的浏览器提供回退rem单位。确实支持rem单位的浏览器将使用后者font-size(1rem),因为它是在首先,因此取代它。

html - 防止显示 :table-cell from stretching 的 div

我有以下HTMLTable-cellissuehtml,body{height:100%;}.table{display:table;height:100%;}.row{display:table-row;}.aside{display:table-cell;}.center{background-color:red;display:table-cell;width:100%;}.wide{background-color:green;width:16000px;}Leftcolumn Rightcolumn问题在于div.center会拉伸(stretch)以适应其内容,而