jjzjj

responsive-design

全部标签

javascript - Angular2 Material Design alpha.9-3 有 '404 not found' @angular/material

我已按照angularmaterial2入门中的说明安装@angular/material。通过Atom,我更新了package.json、app.module,除了入门说明之外,我还更新了systemjs.config,如下所示:'@angular/material':'node_modules/@angular/material',我收到这些错误:zone.js:1274GEThttp://localhost:3000/node_modules/@angular/material/404(未找到)(SystemJS)XHR错误(404未找到)加载http://localhost:3

javascript - Angular 2/4 - Material Design Snackbars 按顺序显示多条消息

我实现了一个显示snackbar的“snackbar服务”:snackbar.service.tsimport{Subscription}from'rxjs/Subscription';import{Subject}from'rxjs/Subject';import{Inject,Injectable,OnDestroy}from'@angular/core';import{MatSnackBar,MdSnackBarConfig}from'@angular/material/snack-bar';import{MdSnackBarRef,SimpleSnackBar}from'@an

javascript - JS 在 CSS 之前启动

这目前在chrome中发生,在firefox中我还没有遇到这个问题。这是我的问题的一个非常简化的版本。HTML:Clickme!CSS:div{width:200px;height:300px;background-color:purple;}a{position:absolute;}@media(max-width:991px){div{height:200px;}}Javascript:$(document).ready(function(){var$parent=$('#clickMe').parent();functionresize(){$('#clickMe').offse

javascript - 仅在移动屏幕尺寸上使用 slick.js

我只希望slick.js插件在移动屏幕尺寸上处于事件状态,例如在450像素以下。我希望这发生在页面加载或浏览器调整大小时。如果我加载页面或调整到正确的宽度,Slick.js确实可以正常工作,但如果我将浏览器的大小调整为大于450像素,则Slick.js不会正常工作。这可以做到吗?$(document).ready(function(){$(window).resize(function(){if($(window).width() 最佳答案 顺便说一句,现在您可以直接在灵活的响应式设置对象中执行此操作mobileFirst:true

javascript - 在 JavaScript 中检测 WebKit 设备的物理屏幕尺寸

我想在客户端JavaScript代码中按屏幕宽度对设备进行分类所有适合一只手(小于7英寸)的设备均属于移动类别将其他设备视为桌面设备回退:将不支持必要API的设备视为移动设备问题我可以使用哪些相关的JavaScript和CSSAPI来检测屏幕的物理尺寸?请注意,这些API不必在旧版浏览器中得到支持,因为存在安全回退。此外,我也不关心旧版桌面浏览器。Firefox支持是可选的-如果它们已经有兼容的API。请注意,这是关于物理尺寸,而不是像素尺寸。 最佳答案 有nodirectway以英寸为单位获取屏幕尺寸,但有一些变通方法使用屏幕密度

javascript - 用文本创建响应三 Angular 形

我需要使用css和html创建一个响应式三Angular形。三Angular形将由文本组成,随着文本的增加,我希望三Angular形的大小也增加。下面是我创建的fiddle。fiddleSeeitinaction.wrapper{position:relative;}.banner-notch{width:0;height:0;border-bottom:220pxsolid#000;border-left:220pxsolidtransparent;filter:alpha(opacity=50);opacity:0.6;color:white;position:relative;f

javascript - Node : How return different content types with same response (text and image)?

我正在尝试学习nodejs,我认为最好的方法是尝试在不使用express或任何其他非核心模块的情况下做一些事情。我坚持尝试同时发送一些文本和图像。我正在尝试的代码是:varhttp=require('http');varfs=require('fs');varserver=http.createServer(function(request,response){fs.readFile('my_pic.jpg',function(error,file){response.writeHead(200,{'content-type':'text/html'});response.write(

javascript - Div Square,宽度尺寸基于100%高度

我正在尝试制作一个宽度大小基于元素的(100%)高度的响应式正方形。我认为仅使用CSS是不可能的。方形宽度应等于高度(大容器的100%。大容器超过屏幕的100%)。比例必须是width=height以保持正方形。 最佳答案 您可以使用一个很小的内联图像来做到这一点。没有JS,没有额外的文件。.container{height:150px;width:100%;text-align:center;background:#acd;} .square{display:inline-block;height:100%;background:

javascript - fetch response.text() 返回未决的 promise

我使用jsonplaceholderURL测试fetchAPI,但我的函数返回“PromiseState:Pending”,我不明白为什么:functiongetUsers(url){returnfetch(url)}constusers=getUsers(`https://jsonplaceholder.typicode.com/users`);users.then(response=>{console.log(response.text());});我认为问题是因为异步/同步方法? 最佳答案 Ithinktheproblembe

javascript - Websocket 错误 : Error during WebSocket handshake: No response code found in status line

我想与我的服务器建立一个tcp连接。但是我每次都会出错...WebSocketconnectionto'ws://my.ip:1337/'failed:ErrorduringWebSockethandshake:Noresponsecodefoundinstatusline:Echoserver客户:varconnection=newWebSocket('ws://my.ip:1337');connection.onopen=function(){connection.send('Ping');//Sendthemessage'Ping'totheserver};服务器:varnet=