我正在尝试为iPhone优化我们的新闻页面.我注意到的一个问题是我能够水平点击并移动页面(即摆动).
我的问题是,我怎样才能阻止这种横向运动的发生?
我们所有的新闻页面都有这个问题.以下是几个例子:
当我的URL变量包含"?view = full"时,我想加载样式表.
是否可以在HTML(即不是PHP)中执行此操作?如果是这样,怎么样?
我正在尝试使用我的mobile.css文件将图像大小调整为310px宽.这适用于iPhone但不适用于Android.
如何在Android上调整这些图像的大小?
这是我的页面和CSS:
div.photosmall,
div.photosmall img,
div.photosmall a img,
div.photosmall-left,
div.photosmall-left img,
div.photosmall-left a img,
div.photosmall-right,
div.photosmall-right img,
div.photosmall-right a img,
div.photobanner,
div.photobanner img,
div.photobanner a img,
div.photolarge,
div.photolarge img,
div.photolarge a img,
div.photolarge-left,
div.photolarge-left img,
div.photolarge-left a img,
div.photolarge div.photolarge,
div.photolarge div.photolarge img,
div.photolarge div.photolarge a img,
img.photobanner,
img.photolarge {
width:310px !important;
float:none;
}
Run Code Online (Sandbox Code Playgroud) 有没有CSS的方式(没有JavaScript/jQuery)只显示前两行,如果有三行或更多行,隐藏额外的行并显示省略号?
例如,我怎么能把这个小提琴:
......让它看起来像这样?
Lorem Ipsum Dolor
Sit Amet Consectetur
Ut Enim Ad Minim
Veniam Quis Nostrud...
Duis Aute Irure
Dolor In...
Run Code Online (Sandbox Code Playgroud)
提前致谢.
我正在使用PHP从XML文件输出数据.这是违反时间顺序的,我想反过来.这可能用PHP吗?如果是这样,怎么样?
这是我的页面和代码:
$file = 'http://www.gostanford.com/data/xml/events/m-baskbl/2010/index.xml';
$xml = simplexml_load_file($file);
foreach ($xml as $event_date) {
if(!empty($event_date->event['vn']) && !empty($event_date->event['hn']) && !empty($event_date->event['vs']) && !empty($event_date->event['hs']))
{
echo '<li>';
echo '<h3>', $event_date->event['vn'], ' vs ', $event_date->event['hn'], '</h3>';
echo '<p><strong>', $event_date->event['vs'], ' - ', $event_date->event['hs'], '</strong></p>';
echo '<p>', date('F j, Y', strtotime($event_date['date'])), '</p>';
echo '</li>';
}
}
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助!
我的.htaccess文件正在编写一个"智能"cookie.如果我的页面读取此cookie,它将写一个div.然后我的移动CSS文件只在用户在iPhone或iPod上加载.
我的问题是,如果用户在Android上,如何编辑此代码(如下所示)以加载移动CSS文件?
这是我的页面和代码:
<meta name="viewport" content="width=device-width, user-scalable=yes" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />
<script type="text/javascript">
if (window.screen.width > 640){document.write('<meta name="viewport" content="width=980, user-scalable=yes" />')}
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){document.write('<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />')}
</script>
Run Code Online (Sandbox Code Playgroud) 我正在尝试禁用Foundation的Reveal动画,但它仍然是动画.
这是我的小提琴和代码:
http://jsfiddle.net/ryanburnett/pSQjj/
<script>
$('#videoModal').reveal({
animation: 'none' //fade, fadeAndPop, none
});
</script>
<a href="#" data-reveal-id="videoModal" class="radius button">Example Modal w/Video…</a>
<div id="videoModal" class="reveal-modal large">
<h2>This modal has video</h2>
<div class="flex-video">
<iframe width="800" height="315" src="http://www.youtube.com/embed/IkOQw96cfyE" frameborder="0" allowfullscreen></iframe>
</div>
<a class="close-reveal-modal">×</a>
</div>
Run Code Online (Sandbox Code Playgroud) 我试图比较两个字符串,看看它们是否是字谜.
我的问题是我只是比较每个字符串中的第一个字母.例如,"玛丽"和"军队"将返回真实,但遗憾的是"玛丽"和武器."
在返回true/false之前,如何比较两个字符串的每个字母?
这是一个jsbin演示(单击"控制台"选项卡查看结果"):
http://jsbin.com/hasofodi/1/edit
function compare (a, b) {
y = a.split("").sort();
z = b.split("").sort();
for (i=0; i<y.length; i++) {
if(y.length===z.length) {
if (y[i]===z[i]){
console.log(a + " and " + b + " are anagrams!");
break;
}
else {
console.log(a + " and " + b + " are not anagrams.");
break;
}
}
else {
console.log(a + " has a different amount of letters than " + b);
}
break;
}
}
compare("mary", "arms");
Run Code Online (Sandbox Code Playgroud) 我们将新的YouTube iframe代码添加到我们的新闻网站中.问题是视频没有出现在iPhone上.
这是我的页面和代码:
<iframe width="620" height="390" src="http://www.youtube.com/v/A2V1WTF8tp4?hl=en&fs=1&autoplay=0&hd=1" frameborder="0" allowfullscreen="true"></iframe>
Run Code Online (Sandbox Code Playgroud)
如何让YouTube视频显示在iPhone上?