小编Mat*_*att的帖子

移动屏幕尺寸有很多不同的媒体查询.在设计响应式移动网站时,容纳所有这些内容可能会令人难以招架.在设计移动设备时,哪些是最重要的？我发现这篇文章可以很好地概述可用的媒体查询:http://css-tricks.com/snippets/css/media-queries-for-standard-devices/.

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) …

我有三个divs水平并排堆叠在一起,这些div设置为显示:inline-block.但是,我注意到即使使用某种CSS重置,它们之间也会产生4px的小距离？为什么会这样？有没有办法全局摆脱这种情况发生或我只需要将div移到左边-4px？

我期待只在$state.current.name等于时显示一个HTML块about.list.到目前为止,我有以下代码,但它似乎并没有根据状态切换元素.

的index.html

<nav class="global-navigation">
    <ul class="list">
    <li class="list-item">
      <a class="list-item-link" ui-sref="home">
        Home
      </a>
    </li>
    <li class="list-item">
      <a class="list-item-link" ui-sref="about">
        About
      </a>
    </li>
     <li class="list-item" ng-show="$state.current.name == 'about.list'">
      <a class="list-item-link" ui-sref="about.list">
        List
      </a>
    </li>
    </ul>
  </nav>

app.js

var myApp = angular.module('myApp', ['ui.router'])

  .config(['$urlRouterProvider', '$stateProvider', 

    function($urlRouterProvider, $stateProvider) {

    $urlRouterProvider.otherwise('/404.html');

    $stateProvider.

      // Home
      state('home', {
        url: '/',
        templateUrl: 'partials/_home.html',
        controller: 'homeCtrl'
      }).

      // About
      state('about', {
        url: '/about',
        templateUrl: 'partials/_about.html',
        controller: 'aboutCtrl'
      }).

      // About List
      state('about.list', {
        url: …

当用户在iOS设备上使用Safari并点击"添加到主屏幕"时,是否可以设置默认标题或覆盖生成的标题？

我想这个标题是从HTML <title>Example.com</title>标签中提取的.但是,我想仅针对具有特定标题的iOS设备.

事实上,iOS引入的标题甚至不是我网站的完整标题; 但是,当我手动操作时,iOS显然会接受更多的字符输入.

我正在开始一个新项目,并希望设置Grunt.js.是否有一个特定的命令将使用样板代码结构初始化Grunfile.js？

我遇到过一些很棒的教程(特别是我现在正在看这篇教程:http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/); 然而,它们似乎都涉及一个<div>固定的背景图像.如果我的图像在<img>标签中,是否可以实现类似的视差效果？

我在简单的单页网站中使用YouTube API.我能够播放视频,我的所有YouTube功能都可以在桌面浏览器中成功运行(IE 7除外 - 也许这个问题会在你帮我回答这个问题时得到解决)但它似乎不起作用完全适用于iOS(iPhone和iPad).YouTube播放器根本无法显示,并且在iOS中根本没有关于YouTube功能的回忆.

下面是我的代码实现.如果我提供的任何问题信息对这个问题有帮助,请告诉我.我想在解决此问题时尽可能简单地开始,然后在必要时引入其他信息.

/*==========================================================================
    YOUTUBE
========================================================================== */
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var YTready = false,
    playerIdList = [],
    ytPlayers = {};

// When YouTube API is ready, switch YTready to true and run the queue of videos should any exist
// and run a list of page-specified functions such as carousel setups
var YTreadyFunctions = {};
function onYouTubeIframeAPIReady() {
    console.log('YT Ready');
    YTready = true;
    if (playerIdList.length > 0) …

我已将Satellizer与各种社交登录提供商(Facebook,Twitter,Google)合并到我的应用程序中.我的堆栈包括:AngularJS(UI路由器)和NodeJS/Express.

我似乎遇到了为用户身份验证设置动态回调URL的挑战.我的应用程序没有一致的登录URL,例如http://example.com/login因为我的所有URL都是动态的,基于令牌的,例如:http://example.com/XH12aT1771.实际上,我的登录用户体验是模态覆盖,并且没有任何一致的登录页面.

我的系统与OAuth集成的挑战是在通过模态覆盖将用户登录到我的应用程序之后,我想将它们放回到他们所在的确切房间(或令牌)中,而不是将它们重定向到某些回调URL页面.这将是一个糟糕的用户体验.

唯一的方法是让我的OAuth回调网址硬编码,例如:http://example.com/success然后在用户点击/success页面后将用户重定向回其令牌？这真的是做这种事的唯一方法吗？

如果您需要更多问题详情,请告诉我,谢谢您的帮助.

我有一个layout.ejs文件,其中包含我的网站的基本样板HTML标记:doctype声明,头部,正文,页脚,基础...

我如何将导航放在单独的部分文件中并将其包含在此布局中？这样做有特定的require()或include()函数吗？

我正在使用EJS视图引擎.

当我将代码部署到 Amazon Web Services Elastic Beanstalk 时，我在终端命令行上收到此错误。

我该如何解决这个问题？