草庐IT

display_width

全部标签

html - Chrome 网络应用程序 list : differences between display types

为Chrome创建网络应用程序list时,您可以将显示指定为全屏、standalone、minimal-ui或浏览器fullscreen和standalone之间有什么区别,什么时候应该使用哪个?他们看起来和我很相似。 最佳答案 当你使用standalone时,它看起来像native应用程序。当您使用fullscreen时,没有状态栏等。您可能想使用standalone,因为fullscreen有非常具体的用例(例如游戏). 关于html-Chrome网络应用程序list:differe

html - Chrome 网络应用程序 list : differences between display types

为Chrome创建网络应用程序list时,您可以将显示指定为全屏、standalone、minimal-ui或浏览器fullscreen和standalone之间有什么区别,什么时候应该使用哪个?他们看起来和我很相似。 最佳答案 当你使用standalone时,它看起来像native应用程序。当您使用fullscreen时,没有状态栏等。您可能想使用standalone,因为fullscreen有非常具体的用例(例如游戏). 关于html-Chrome网络应用程序list:differe

html - CSS中,为什么 "float: left; display:table; margin: x"在多个元素上的组合会让边距变小?

在设计布局时,我决定尝试将主要列的基于float的布局与子元素的基于表格的布局相结合。因此,我的html/css标记是沿着这些线的:HTML:...CSS:.column{float:left;display:table;width:15%;margin:2%;/*...*/}.sub-element{display:table-cell;/*...*/}具体的宽度和边距并不重要。参见thisjsFiddle作为引用示例。我看到发生的情况是,从左到右穿过页面的每个列block的边距都比上一个略小。由于没有额外的标记或CSS来实现这一点,我感到很困惑。在尝试了不同的值之后,我发现注释掉d

html - CSS中,为什么 "float: left; display:table; margin: x"在多个元素上的组合会让边距变小?

在设计布局时,我决定尝试将主要列的基于float的布局与子元素的基于表格的布局相结合。因此,我的html/css标记是沿着这些线的:HTML:...CSS:.column{float:left;display:table;width:15%;margin:2%;/*...*/}.sub-element{display:table-cell;/*...*/}具体的宽度和边距并不重要。参见thisjsFiddle作为引用示例。我看到发生的情况是,从左到右穿过页面的每个列block的边距都比上一个略小。由于没有额外的标记或CSS来实现这一点,我感到很困惑。在尝试了不同的值之后,我发现注释掉d

html - 设置宽度 :auto leads to width:100%

我现在有点累(没有咖啡),所以我想不通。当我设置p.style.width=auto(蓝色的),为什么它是width100%?没有一个元素的宽度设置为100%,所以我怀疑它是继承的属性。如何设置的宽度以匹配其内容宽度加填充?示例页面link 最佳答案 因为width:auto默认为100%(即减去边框和内边距,见here),如果你不在float/定位环境。其实,没有float:left或position:absolute你很不走运,只在CSS中将元素的宽度设置为最小值。参见,例如here了解如何在Firefox中实现它(仅)。编辑:

html - 设置宽度 :auto leads to width:100%

我现在有点累(没有咖啡),所以我想不通。当我设置p.style.width=auto(蓝色的),为什么它是width100%?没有一个元素的宽度设置为100%,所以我怀疑它是继承的属性。如何设置的宽度以匹配其内容宽度加填充?示例页面link 最佳答案 因为width:auto默认为100%(即减去边框和内边距,见here),如果你不在float/定位环境。其实,没有float:left或position:absolute你很不走运,只在CSS中将元素的宽度设置为最小值。参见,例如here了解如何在Firefox中实现它(仅)。编辑:

html - 在 Outlook 2013 上防止 "if there are problems with how this message is displayed"

我向客户发送HTML报告电子邮件,这些电子邮件在大多数电子邮件客户端上都能很好地显示。在Outlook2013中显示时,有时会显示如下信息:ifthereareproblemswithhowthismessageisdisplayed,clickheretoviewitinawebbrowser.我想摆脱这条消息。Thispost建议从消息中删除所有thead和tbody标签(我的HTML代码中没有)并用嵌入式CSS替换内联CSS,我不能这样做,因为其他邮件客户端存在非内联CSS问题。是否有任何已知的方法来阻止显示此消息? 最佳答案

html - 在 Outlook 2013 上防止 "if there are problems with how this message is displayed"

我向客户发送HTML报告电子邮件,这些电子邮件在大多数电子邮件客户端上都能很好地显示。在Outlook2013中显示时,有时会显示如下信息:ifthereareproblemswithhowthismessageisdisplayed,clickheretoviewitinawebbrowser.我想摆脱这条消息。Thispost建议从消息中删除所有thead和tbody标签(我的HTML代码中没有)并用嵌入式CSS替换内联CSS,我不能这样做,因为其他邮件客户端存在非内联CSS问题。是否有任何已知的方法来阻止显示此消息? 最佳答案

html - @media only screen and (max-width : 479px) not working for mobile

我的移动版本(最大宽度:479像素)不显示#111的背景颜色。相反,#000显示为背景色。请帮助我。@mediaonlyscreenand(max-width:1024px){body{background-color:#ff0000;}}@mediaonlyscreenand(max-width:767px){body{background-color:#000;}}@mediaonlyscreenand(max-width:479px){body{background-color:#111;}} 最佳答案 在文档的头部,确保你有

html - @media only screen and (max-width : 479px) not working for mobile

我的移动版本(最大宽度:479像素)不显示#111的背景颜色。相反,#000显示为背景色。请帮助我。@mediaonlyscreenand(max-width:1024px){body{background-color:#ff0000;}}@mediaonlyscreenand(max-width:767px){body{background-color:#000;}}@mediaonlyscreenand(max-width:479px){body{background-color:#111;}} 最佳答案 在文档的头部,确保你有