2017-04-25 50 views
-4

嗨,我是很新的HTML和CSS编码和我一直在试图教我,但我在努力这样说我已经能够创建至今这样的:问题与调整在我的网站

https://dimensionmediaml.000webhostapp.com/

现在我遇到的问题是,只要在特定尺寸的显示器上使用该网站,但其尺寸更小(无法测试任何更大尺寸的内容)并且网页元素最终显示看起来像他们在错误的立场

该网站已被证明工作在1920 x 1080的分辨率

任何帮助将非常感激

我再一次很新的这所以请耐心等待我:) 我附上下面的代码和之前人们对我撕裂了把引导代码进入CSS片,它是让元素上传网站服务器

HTML和CSS时,我的显示器上正常显示的唯一途径:

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

+0

您可以在一个搜索引擎响应式设计搜索。 – Troyer

+0

添加(仅)问题中的相关代码。 –

回答

-1

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

+0

答案应该站在自己的位置。请在答案中包含这些链接的信息。 –

+0

我建议他从上述链接学习响应式网页设计。那么我应该把所有的教程放在这里吗? – yadhu

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">