我正在尝试为iPad/iPhone和旧款iPhone实现替代布局.
我已经确定最好的方法是使用@mediaCSS3规范.
因此,这些是我的媒体查询:
@media screen and (max-width: 1000px) { ... }
Run Code Online (Sandbox Code Playgroud)
以上是小型台式机和笔记本电脑屏幕.
@media screen and (max-width: 700px) { ... }
Run Code Online (Sandbox Code Playgroud)
以上是适用于iPad和非常小的台式机/笔记本电脑屏幕.
@media screen and (max-device-width: 480px) { ... }
Run Code Online (Sandbox Code Playgroud)
以上是iPhone 3GS和移动设备.
然而,新的iPhone 4与史蒂夫乔布斯的所有歌唱全舞"视网膜"显示意味着它的像素比率为2-1意味着1像素实际上出现在浏览器2x2像素使其分辨率(960x640 - 意味着它将触发iPad布局而不是移动设备布局)因此这需要另外的媒体查询(仅限webkit支持):
@media screen and (-webkit-min-device-pixel-ratio: 2) { ... }
Run Code Online (Sandbox Code Playgroud)
现在,问题是......我希望我的闪亮的新iPhone 4布局与iPhone 3GS和移动设备布局合并,因为它们都具有完全相同的内部CSS代码,
因此提出我的问题;
如何创建@media将iPhone 4,3GS和其他手机指向相同样式的规则?
我有一个数组,我想转换为逗号分隔的字符串.Array.toString()工作,但如果我有一个相当大的数组,它将不会换行,因为逗号后面没有空格:
document.body.innerHTML = ['css','html','xhtml','html5','css3','javascript','jquery','lesscss','arrays','wordpress','facebook','fbml','table','.htaccess','php','c','.net','c#','java'].toString();
// css,html,xhtml,html5,css3,javascript,jquery,lesscss,arrays,wordpress,facebook,fbml,table,.htaccess,php,c,.net,c#,javaRun Code Online (Sandbox Code Playgroud)
如何在逗号后面加上空格以允许换行/换行?
示例输出:
css, html, xhtml, html5, css3, javascript, jquery, lesscss, arrays, wordpress, facebook, fbml, table, .htaccess, php, c, .net, c#, java
Run Code Online (Sandbox Code Playgroud) 我有一个由JS创建的DOM元素填充的div,
我希望在JS函数重复时清除div,但是我听说使用document.getElementById('elName').innerHTML = "";不是一个好主意,
这样做的有效替代方法是什么来清除div的内容?
我试图动态确定输入文件的内容/类型.如果我在一个Windows应用程序中,我可以编写这样的代码(来自这个博客)
private string GetContentType(string fileName) {
string contentType = "application/octetstream";
string ext = System.IO.Path.GetExtension(fileName).ToLower();
Microsoft.Win32.RegistryKey registryKey = Microsoft.Win32.Registry.ClassesRoot.OpenSubKey(ext);
if (registryKey != null && registryKey.GetValue("Content Type") != null)
contentType = registryKey.GetValue("Content Type").ToString();
return contentType;
}
Run Code Online (Sandbox Code Playgroud)
还有哪些其他方法更适合MVC应用程序?
我想在Controller.File(...)接收文件路径和内容类型的方法中使用param .
假设你有一个包含方法名称的字符串,一个支持该方法和一些参数的对象,是否有一些语言功能允许你动态调用它?
有点像Ruby的send参数.
我TableRows在代码中动态创建,我想为这些设置边距TableRows.
我的TableRows创建如下:
// Create a TableRow and give it an ID
TableRow tr = new TableRow(this);
tr.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
Button btnManageGroupsSubscriptions = new Button(this);
btnManageGroupsSubscriptions.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, 40));
tr.addView(btnManageGroupsSubscriptions);
contactsManagementTable.addView(tr);
Run Code Online (Sandbox Code Playgroud)
如何动态设置这些边距?
是否可以为alt属性设置工具提示的样式?
我希望为html alt属性设置背景,字体颜色等样式.
有人可以帮我这个吗?
我正在开发一个动态显示一些控件和描述的Web应用程序(我不想使用jQuery或其他库).
此时我使用以下方式显示和消失控件:
element.setAttribute("style", "display : inline");
Run Code Online (Sandbox Code Playgroud)
和
element.setAttribute("style", "display : none");
Run Code Online (Sandbox Code Playgroud)
但我正在考虑使用:
element.appendChild(childRef);
Run Code Online (Sandbox Code Playgroud)
和
element.removeChild(childRef);
Run Code Online (Sandbox Code Playgroud)
那么,就系统速度和代码的优雅而言,哪一个是最佳解决方案?或者有更好的方法来解决这个问题吗?
我的服务器重定向问题http://www.mylesgray.com:8080/- > http://www.mylesgray.com/.
这是我的Nginx default和fastcgi_params配置文件:
https://gist.github.com/1745271
https://gist.github.com/1745313
这是一个非常麻烦的事情,因为我试图在Nginx之上运行Nginx w/caching vs Varnish w/caching的基准测试,看看是否有任何性能优势.
因此,我有直接Nginx w /缓存监听端口8080和端口清漆,80它将任何非缓存请求转发给Nginx localhost:8080,所以很明显我想要做的是运行ab基准测试,http://www.mylesgray.com:8080/然后http://www.mylesgray.com/看看差异.
以下是curl -I各种地址的结果.
# curl -I http://www.mylesgray.com:8080
HTTP/1.1 301 Moved Permanently
Server: nginx/0.7.65
Date: Sun, 05 Feb 2012 12:07:34 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive
X-Powered-By: PHP/5.3.2-1ubuntu4.7ppa5~lucid1
X-Pingback: http://www.mylesgray.com/xmlrpc.php
Location: http://www.mylesgray.com/
# curl -I http://mylesgray.com
HTTP/1.1 301 Moved Permanently
Server: nginx/0.7.65
Content-Type: …Run Code Online (Sandbox Code Playgroud) 对于动态添加的元素(Firefox除外),滚动条不会触发Mouseup:
CSS:
#dBox {
height: 100px;
width: 230px;
overflow - y: auto;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<input type="text" id="s">
JQuery的:
$(function() {
$('#s').focus(function() {
var $dbox = $('<ul id="dBox"></ul>');
for (i = 0; i < 10; i++) $dbox.append('<li>' + i + '</li>');
$(this).after($dbox);
$dbox.bind("mouseup", function() {
alert('in: ');
//console.log ('in: ');
});
});
});
// OR LIKE THIS
$('#s').focus(function() {
var $dbox = $('<ul id="dBox"></ul>');
for (i = 0; i < 10; i++) $dbox.append('<li>' + i + '</li>');
$(this).after($dbox);
});
$('#dBox').live("mouseup", function() …Run Code Online (Sandbox Code Playgroud)