前端大佬帮我看看这两个小问题
本帖最后由 zoenbo 于 2021-5-13 09:08 编辑网页打印时，想让CSS PRINT控制下边两个样式
1。如何将网页第一张图片强制100%高度和宽度，占一页2。强制H1标题新起一页，<h1 class="chapterTitle">编委会名单</h1>
<body>
<div class="center"><img alt="cover" class="fullscreen" src="img/e8023a9afd97cade.jpg" width="675" height="900" /></div>
<h1 class="chapterTitle">编委会名单</h1><p class="bold">主编</p><p class="content">成秀</p><p class="bold">DDDD</p><p class="content">CCCC</p><p class="bold">编委</p><p class="content">由AAAAAA</p><p class="content">BBBBBB</p>
<h1 class="chapterTitle">前言</h1><p class="reference">《DSFDSFDSFDSFDSFDSFDSF》是特级教师成秀老师带领其名家工作室团队在工作室导师魏巍教授、团队指导教师吕朝阳先生的引领下，在单元语用教学理论探索和实践研究成果方面的多年结晶。本书集中反映了小学语文基于标准的单元语用教学研究的思想智慧，全面体现了从识字写字到口语交际、写话习作等各个方面在单元语用课堂教学中的具体策略。</p><p class="reference">小学语文是打基础的学科，是培养学生语文素养的初始阶段，这一阶段学生需要学会认字、书写、阅读和写作，这些能力也是学生未来发展必须具备的基础能力。在新的教学形势下，语文教学回归本真与教学创新并不矛盾，并不冲突。语文教学回归本真，本身就是教学创新的一种形式，所以教师不能将语文教学禁锢在知识和技能的硬性灌输中，而应充分培养学生的发散性思维，并鼓励学生在拓展思维中获得更多的学习乐趣。因此，教师要切实摒弃语文教学中华而不实的思想理论，使学生在创新思维下有自己的感悟和想法，通过自己的眼睛与心灵，感受丰富多彩的语文世界。</p><p class="reference">单元语用教学注重“立足于单元，课内外融通”等阅读教学理念，做到知识技能、过程方法、情感态度、价值观的多元整合，注重培养学生的语文能力、创新精神、实践能力，发挥学生的主体性，使学生在各方面充分发展，进而为学生的终身可持续发展打牢基础，开发生命潜能。有效调动教学活动中的全部信息资源，整合建构多元、开放、立体的“大课堂”，帮助学生在阅读、写作及口语表达等各方面融会贯通。</p><p class="reference">本书详略得当，从中可以看出单元语用教学在不同文体中的实施样态。书中提供的思路和实施案例，对一线教师如何学习研究理论和把理论应用到教学实际中，都具有重要的启示作用。本书内容实现了教学内容、教学时空、教学方法的全面开放，让语文教师能够在本书中探寻到不同学习内容、不同学习方法的相互交叉、相互渗透和有机整合；探寻到在不增加学业负担的前提下，使学生获知数量和获知能力得到最优增长，为后续学习和终身发展奠定扎实基础。</p><p class="reference">本书共有四辑。第一辑，追求小学语文教学本真之意。通过审视语文课堂，反思一些违背教育改革本质的问题，以帮助未来教师和在职教师更好地高效利用资源和更好地认识教师专业发展问题。第二辑，基于课程标准的单元语用教学路径初寻。中小学的语文教学不能将绝大部分的时间都花在一篇篇课文的教学上，要指引学生通过系统的学习，逐步地形成语文文字运用的能力，同时通过课例研究，告诉大家语文教学的定位，引导学生在各个领域的学习。第三辑，单元语用教学在课堂实践中的具体实施。语文课程的五个学习领域：识字写字、阅读、写作、口语交际和综合性学习，在课堂实践中要有明确清晰的目标。结合部编教材，本书语言由浅入深，由简至繁，让学生更加积极主动参与课堂教学。第四辑，基于课程标准的单元语用教学设计样例。通过教学案例的解读，把对学生的课程目标转化为对于语文教师的专业要求，转化为语文学科教师培训的课程目标。不论是精读课文还是略读课文都能找准目标“下对药”，不论是诗歌阅读还是识字教学都能让学生有积累和收获，不论是绘本教学还是写作指导都能让学生学以运用，知行统一。</p><p class="reference">“基础教育做的是地底下的工作，打做人的基础，没有什么惊人之笔，但是它关系到国家的千秋万代，关系到学生的青春。一个孩子只有一个青春啊！”于漪曾经这样说过。“取法乎上，仅得其中；取法乎中，仅得其下；取法乎下，一无所得。”教育事业无限光荣，能够将中华民族数千年的文化瑰宝传承下来，教师需要志存高远，培养国之栋梁，我们走在大路上，不忘初心，继续前行。</p>
<h1 class="chapterTitle">后记</h1><p class="reference">再次浏览这厚厚的书稿，心头思绪万千。</p><p class="reference">2004年，怀揣着对语文研究的美好梦想，带着对语文研究的朴素愿望，我成为一名语文教研员。对语文教学，我情有独钟，对于语用在教学中的落实，我开始萌发了研究的想法，并与一线的很多老师钻研琢磨。</p><p class="reference">2015年，威海市首批“教育名家工作室”成立，我有幸成为“小学语文名家工作室”主持人。工作室的成立加速了我快乐而充实的“语用”探索的节奏。从识字教学到阅读教学，从口语交际到专题写作，实践、认识、再实践、再认识……其间，既有“语用”教学带来的学生语文素养提升的可喜收获，又有实验研究取得的阶段性成果，还有业内专家学者、同行教师的赞许与肯定，这更坚定了我在“语用”研究之路前行的信心，使我对语用教学的认识不断得到提升和更新。基于“语用”研究，追求素颜课堂，构建新型教法，是我和我的伙伴们孜孜不倦的追求。</p><p class="reference">回望之前在语用教学的探究之路，我深深感受到了语文教研给我带来的幸福和快乐，我为自己是一名语文教师而感到自豪，更为自己能坚定地走在语文教研的路上而感到骄傲。面对点滴的进步和成果，我心存感激。</p><p class="reference">感谢工作室导师、山东师范大学的魏薇教授对我们教研工作的指引和帮助，感谢威海市教育教学研究中心吕朝阳副主任一直以来给予我个人以及我们工作室的指导和关怀，还要感谢的是众多实验学校以及一线教师为我们的教研提供的各种无私帮助。</p><p class="reference">感谢工作室中的八位成员。研究经历的每一个阶段，都有信念执着的你们携手而行。没有大家的参与和坚持，没有大家的付出与努力，也就没有最终的单元语用的研究成果。在此，对参与完成本课题研究的每一位成员表示由衷的感谢！</p><p class="reference">最后，要感谢的是威海市教育教学研究中心和威海高新区教育教学研究中心。没有两级组织的强大支撑，我们不足以成就今日的研究成果，是我们身后无数的领导与同事给予我们的勇气与力量，让我们能够静心研究。</p><p class="reference">语文教学研究之路还很长很长，越深入研究，越如履薄冰。所以，书中错漏之处，还盼读者多多批评指正。愿以此书结识更多语文心，结交更多语文人，同心同行。</p><p class="reference-r">成秀</p><p class="reference-r">2019年11月</p>
</body> 图片css
width:100%;
height:100%;
h1标题新起一页是什么意思？？也要占一页吗？
可以用js监听高宽 给图片赋值或者用fullPage.js 夜袭和尚庙 发表于 2021-5-12 16:49
图片css
width:100%;
height:100%;
目前是和其他章节是在一起的，比如PDF A4尺寸时，章节1内容只占了半页，然后第二章节的标题H1就跟在这屁股后边了，我是想让它从新的一页开始，也就是新的一页的最上边。
图片那个不改原网页的样式，就是想让CSS控制打印时第一张图尺寸宽高100%，只设img网页其他的图片全都会改变。 <html xmlns="http://www.w3.org/1999/xhtml" class=" widthauto" style="
height: 100%;
"><head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>吾爱破解 - LCG - LSG|安卓破解|病毒分析|www.52pojie.cn </title>
</head>
<body style="
height: 100%;
">
<div class="center" style="
width: 100%;
height: 100%;
"><img alt="cover" class="fullscreen" src="img/e8023a9afd97cade.jpg" width="675" height="900"></div>
<h1 class="chapterTitle">编委会名单</h1><p class="bold">主编</p><p class="content">成秀</p><p class="bold">DDDD</p><p class="content">CCCC</p><p class="bold">编委</p><p class="content">由AAAAAA</p><p class="content">BBBBBB</p>
<h1 class="chapterTitle">前言</h1><p class="reference">《DSFDSFDSFDSFDSFDSFDSF》是特级教师成秀老师带领其名家工作室团队在工作室导师魏巍教授、团队指导教师吕朝阳先生的引领下，在单元语用教学理论探索和实践研究成果方面的多年结晶。本书集中反映了小学语文基于标准的单元语用教学研究的思想智慧，全面体现了从识字写字到口语交际、写话习作等各个方面在单元语用课堂教学中的具体策略。</p><p class="reference">小学语文是打基础的学科，是培养学生语文素养的初始阶段，这一阶段学生需要学会认字、书写、阅读和写作，这些能力也是学生未来发展必须具备的基础能力。在新的教学形势下，语文教学回归本真与教学创新并不矛盾，并不冲突。语文教学回归本真，本身就是教学创新的一种形式，所以教师不能将语文教学禁锢在知识和技能的硬性灌输中，而应充分培养学生的发散性思维，并鼓励学生在拓展思维中获得更多的学习乐趣。因此，教师要切实摒弃语文教学中华而不实的思想理论，使学生在创新思维下有自己的感悟和想法，通过自己的眼睛与心灵，感受丰富多彩的语文世界。</p><p class="reference">单元语用教学注重“立足于单元，课内外融通”等阅读教学理念，做到知识技能、过程方法、情感态度、价值观的多元整合，注重培养学生的语文能力、创新精神、实践能力，发挥学生的主体性，使学生在各方面充分发展，进而为学生的终身可持续发展打牢基础，开发生命潜能。有效调动教学活动中的全部信息资源，整合建构多元、开放、立体的“大课堂”，帮助学生在阅读、写作及口语表达等各方面融会贯通。</p><p class="reference">本书详略得当，从中可以看出单元语用教学在不同文体中的实施样态。书中提供的思路和实施案例，对一线教师如何学习研究理论和把理论应用到教学实际中，都具有重要的启示作用。本书内容实现了教学内容、教学时空、教学方法的全面开放，让语文教师能够在本书中探寻到不同学习内容、不同学习方法的相互交叉、相互渗透和有机整合；探寻到在不增加学业负担的前提下，使学生获知数量和获知能力得到最优增长，为后续学习和终身发展奠定扎实基础。</p><p class="reference">本书共有四辑。第一辑，追求小学语文教学本真之意。通过审视语文课堂，反思一些违背教育改革本质的问题，以帮助未来教师和在职教师更好地高效利用资源和更好地认识教师专业发展问题。第二辑，基于课程标准的单元语用教学路径初寻。中小学的语文教学不能将绝大部分的时间都花在一篇篇课文的教学上，要指引学生通过系统的学习，逐步地形成语文文字运用的能力，同时通过课例研究，告诉大家语文教学的定位，引导学生在各个领域的学习。第三辑，单元语用教学在课堂实践中的具体实施。语文课程的五个学习领域：识字写字、阅读、写作、口语交际和综合性学习，在课堂实践中要有明确清晰的目标。结合部编教材，本书语言由浅入深，由简至繁，让学生更加积极主动参与课堂教学。第四辑，基于课程标准的单元语用教学设计样例。通过教学案例的解读，把对学生的课程目标转化为对于语文教师的专业要求，转化为语文学科教师培训的课程目标。不论是精读课文还是略读课文都能找准目标“下对药”，不论是诗歌阅读还是识字教学都能让学生有积累和收获，不论是绘本教学还是写作指导都能让学生学以运用，知行统一。</p><p class="reference">“基础教育做的是地底下的工作，打做人的基础，没有什么惊人之笔，但是它关系到国家的千秋万代，关系到学生的青春。一个孩子只有一个青春啊！”于漪曾经这样说过。“取法乎上，仅得其中；取法乎中，仅得其下；取法乎下，一无所得。”教育事业无限光荣，能够将中华民族数千年的文化瑰宝传承下来，教师需要志存高远，培养国之栋梁，我们走在大路上，不忘初心，继续前行。</p>
<h1 class="chapterTitle">后记</h1><p class="reference">再次浏览这厚厚的书稿，心头思绪万千。</p><p class="reference">2004年，怀揣着对语文研究的美好梦想，带着对语文研究的朴素愿望，我成为一名语文教研员。对语文教学，我情有独钟，对于语用在教学中的落实，我开始萌发了研究的想法，并与一线的很多老师钻研琢磨。</p><p class="reference">2015年，威海市首批“教育名家工作室”成立，我有幸成为“小学语文名家工作室”主持人。工作室的成立加速了我快乐而充实的“语用”探索的节奏。从识字教学到阅读教学，从口语交际到专题写作，实践、认识、再实践、再认识……其间，既有“语用”教学带来的学生语文素养提升的可喜收获，又有实验研究取得的阶段性成果，还有业内专家学者、同行教师的赞许与肯定，这更坚定了我在“语用”研究之路前行的信心，使我对语用教学的认识不断得到提升和更新。基于“语用”研究，追求素颜课堂，构建新型教法，是我和我的伙伴们孜孜不倦的追求。</p><p class="reference">回望之前在语用教学的探究之路，我深深感受到了语文教研给我带来的幸福和快乐，我为自己是一名语文教师而感到自豪，更为自己能坚定地走在语文教研的路上而感到骄傲。面对点滴的进步和成果，我心存感激。</p><p class="reference">感谢工作室导师、山东师范大学的魏薇教授对我们教研工作的指引和帮助，感谢威海市教育教学研究中心吕朝阳副主任一直以来给予我个人以及我们工作室的指导和关怀，还要感谢的是众多实验学校以及一线教师为我们的教研提供的各种无私帮助。</p><p class="reference">感谢工作室中的八位成员。研究经历的每一个阶段，都有信念执着的你们携手而行。没有大家的参与和坚持，没有大家的付出与努力，也就没有最终的单元语用的研究成果。在此，对参与完成本课题研究的每一位成员表示由衷的感谢！</p><p class="reference">最后，要感谢的是威海市教育教学研究中心和威海高新区教育教学研究中心。没有两级组织的强大支撑，我们不足以成就今日的研究成果，是我们身后无数的领导与同事给予我们的勇气与力量，让我们能够静心研究。</p><p class="reference">语文教学研究之路还很长很长，越深入研究，越如履薄冰。所以，书中错漏之处，还盼读者多多批评指正。愿以此书结识更多语文心，结交更多语文人，同心同行。</p><p class="reference-r">成秀</p><p class="reference-r">2019年11月</p>
</body></html> zoenbo 发表于 2021-5-12 16:53
目前是和其他章节是在一起的，比如PDF A4尺寸时，章节1内容只占了半页，然后第二章节的标题H1就跟在这屁 ...
起个类名不就好了。。。。你给个大概的图我给你写出来 冥门饿鬼 发表于 2021-5-12 16:53
可以用js监听高宽 给图片赋值或者用fullPage.js
看了看这个JS是滚动插件，我不需要这种动态效果。主要目的是打印PDF时的样式控制。 图片高度100%的前提是父元素是定值
夜袭和尚庙 发表于 2021-5-12 16:55
起个类名不就好了。。。。你给个大概的图我给你写出来
我记得有什么nth child之类控制子元素的，图片就不知道咋弄了。图片的话因为不同的HTML页面都是不同的，大佬有没法子就是不管HTML的元素是怎么样的，都能直接控制第一张图就好了。 zoenbo 发表于 2021-5-12 16:53
目前是和其他章节是在一起的，比如PDF A4尺寸时，章节1内容只占了半页，然后第二章节的标题H1就跟在这屁 ...
设置第一张图片的行内样式width:100%;height:100%;另外 h1是块级标签，本来就是独占一行，另起一页在html里面没有这种说法