我需要什么来更改我对网站的响应

Question

我需要什么来更改对网站的响应 要使用手机查看：http://ekizcekoyu.com/ekizcekoyu/index.html 以及我对“代码”的回应的链接：http://ekizcekoyu.com/ekizcekoyu/css/responsive.css

我希望任何人都可以帮助我提供正确的代码，以便我可以更新我的响应式代码。

关于...

Answer 1

您需要更改css文件并在其中插入媒体查询，对于特定的屏幕尺寸，应用于网站的css就是查询中的内容。

例如，对于大多数智能手机，您可以使用此查询

@media screen and (max-width:320px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
}

@media screen and (min-width:320px) and (max-width:640px) {
  /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
}

要在此尺寸的屏幕上测试网站，可以使用chrome中的inspect元素并使用设备工具栏。

我不确定这是否能回答您的问题，但希望能对您有所帮助。