在我的网站上调整大小的问题

时间:2017-04-25 14:34:10

标签: html css

嗨,我非常擅长使用HTML和CSS进行编码,而且我一直在努力教自己,但我很难说,到目前为止,我已经能够创建这个:

https://dimensionmediaml.000webhostapp.com/

现在我遇到的问题是这个网站只要在某个尺寸的显示器上使用它就可以正常工作但是任何更小的(无法测试任何更大的东西)并且页面的元素最终看起来像他们处于错误的位置

该网站已证明可以1920 x 1080的分辨率工作

任何帮助都会非常感激

我再次对此非常陌生,请耐心等待我:) 我已经附上了下面的代码,在人们扯下我将引导代码放入CSS表之前,这是在将网站上传到服务器时让元素在我的显示器上正常显示的唯一方法

HTML和CSS:

https://drive.google.com/drive/folders/0B_-tn2aR7tHXakZZQ1FleHVveDg?usp=sharing

2 个答案:

答案 0 :(得分:0)

你有Bootstrap,但你不能用你的方式覆盖css。复制所需的样式并制作新文档并将其命名为custom.css,然后将其上载到服务器上的css文件夹。以下是如何更改html中的代码



<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->
<link href="css/custom.css" rel="stylesheet">
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

使用宽度,高度,顶部,底部等作为百分比永远不会解决您的问题。你必须在CSS3中学习@media查询。请访问此链接http://learn.shayhowe.com/advanced-html-css/responsive-web-design/