我正在建立一个个人练习网站,我已经为一些照片整合了一个jQuery幻灯片.我的问题是,当增加和减小屏幕尺寸时,我无法弄清楚如何使这些幻灯片响应.我检查了什么感觉就像一切但找不到问题.这是代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,400italic,500italic' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0" />
<meta charset="UTF-8"/>
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml" />
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>
<!-- jQuery -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var slideWidth = 700;
var slideHeight = 393;
if(window.innerWidth <= 400) {
slideWidth = window.innerWidth;
}
$("#slides").slidesjs({
play: {
active: true,
// [boolean] Generate the play and stop buttons.
// You …