我有一个网站正处于开发阶段。默认视图看起来不错,但是当浏览器重新调整大小时,图片和字体看起来过于拉伸或挤压,而不是很灵敏。我在这里附上了两张图片。请指出什么是错的。谢谢。 我的手机响应网站没有正确调整大小
回答
如果图像的背景下,努力增加:
background-size: cover;
到这些div。
这将使图像足够大以填充其容器,同时保持原始比例。
如果图像只是一个img而不是背景图像,如果您切换它,它应该工作。
当您将此CSS添加到您的背景图片时,它会在所有浏览器大小中使用100% width
。添加此CSS后图像不能拉伸。
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
你应该解释你的代码。 – 2015-03-03 06:50:43
当然。 当您将CSS添加到背景图片时,它会在所有浏览器大小中占用100%的宽度。添加此CSS后图像不能拉伸。 background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; 身高:100%; 宽度:100%; – SJain 2015-03-03 07:06:17
很好,但在下次你的回答中加上了描述 – 2015-03-03 07:14:46
- 1. 网站在手机中没有正确调整大小
- 2. 正确调整网站的大小
- 3. iPhone没有调整我的网站的视口大小(无响应)
- 4. QWebView没有正确调整大小
- 5. 自动调整手机大小的网站是什么意思?
- 6. 如何调整手机版wordpress网站的标志大小?
- 7. 为响应式手机调整iframe的大小
- 8. 为什么我的UIWebView框架没有正确调整大小?
- 9. 调整大小的UIImage没有给我确切的新的大小调整后
- 10. JScrollPane没有响应,因为JPanel没有调整大小
- 11. 响应调整大小
- 12. 回调jquery手机textarea调整大小
- 13. Bootstrap网站在手机上没有响应
- 14. 在手机上没有调整大小事件
- 15. html/css响应式网格,调整大小并正确填充宽度
- 16. 响应式网站(手机版)
- 17. Java的FlowLayout没有正确调整大小
- 18. SDL可调整大小的程序没有正确绘制OpenGL
- 19. 新调整大小的Luns没有显示正确的LUN大小RHel 5.3
- 20. HTML5可调整大小的网站
- 21. 网站未正确加载手机
- 22. 图像没有调整响应式设计大小
- 23. D3 SVG没有响应地调整大小
- 24. Bootstrap3 CSS - 列没有正确调整大小
- 25. 自定义JButton没有正确调整大小?
- 26. 徽标和标题容器没有正确调整大小
- 27. UICollectionView内容没有正确调整大小
- 28. 图像在导航栏中没有正确调整大小
- 29. IE7没有正确定位对话窗口调整大小
- 30. Google地图(V3)InfoWindow没有正确调整大小
你用什么使网站响应? – ketan 2015-03-03 05:25:25
您是否在代码中添加了视口?并给你的网站链接或制作小提琴。 – 2015-03-03 05:26:43
您是否在使用响应式网站的引导程序? – 2015-03-03 07:39:17