Question

我有一个带有简单CSS的简单HTML，该CSS应该显示3x3图像网格。

img {
	width: 30%;
	float: left;
	margin: 1.66%;
}

p {
	font-family: Raleway;
	margin-left: 1.66%;
	font-size: 23px;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 2px solid #f1f1f1;
	width: 30%;
	padding-bottom: 20px
}

<!DOCTYPE html>
<html>
  <head>
    <title>Photo Blog</title>
    <link rel="stylesheet" type="text/css" href="photos.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,800&display=swap" rel="stylesheet">
  </head>
  <body>
    <p>Abu/Muhammad</p>
    <!-- Massimo Margagnoni -->
    <img src="http://c1.staticflickr.com/9/8450/8026519634_f33f3724ea_b.jpg">
    <img src="http://c2.staticflickr.com/8/7218/7209301894_c99d3a33c2_h.jpg">
    <img src="http://c2.staticflickr.com/8/7231/6947093326_df216540ff_b.jpg">

    <!-- Giuseppe Milo -->
    <img src="http://c1.staticflickr.com/9/8788/17367410309_78abb9e5b6_b.jpg">
    <img src="http://c2.staticflickr.com/6/5814/20700286354_762c19bd3b_b.jpg">
    <img src="http://c2.staticflickr.com/6/5647/21137202535_404bf25729_b.jpg">

    <!-- GörlitzPhotography -->
    <img src="http://c2.staticflickr.com/6/5588/14991687545_5c8e1a2e86_b.jpg">
    <img src="http://c2.staticflickr.com/4/3888/14878097108_5997041006_b.jpg">
    <img src="http://c2.staticflickr.com/8/7579/15482110477_0b0e9e5421_b.jpg">

    <!-- All Photos Licensed Under Creative Commons 2.0 -->
    <!-- https://creativecommons.org/licenses/by/2.0/legalcode  -->	
  </body>
</html>

在firefox，Edge甚至IE 11中查看页面时，它都能按预期工作。但是，在Chrome中查看页面时，它会显示以下内容：

我尝试禁用所有扩展程序，重置甚至重新安装chrome都没有成功。

对我有用的是包括Normalize.css。
另外，也可以将默认正文边距更改为小于默认值：8px。

我有一个Windows 10专业版，其文本，应用程序和其他项目的大小设置为175％。

是否可以让Chrome像其他浏览器一样运行，而无需包含外部CSS并更改默认CSS值？

为什么Google Chrome浏览器在浏览此页面时与其他浏览器相比表现不佳？

0 个答案: